Problem with graphic element (bullet) position in footer in different browsers

[jcnassoc]

Hi all.

I'm a bit of a newbie to web designer so forgive me if this is a dumb question. I've performed a few searches but can't seem to find the answer that way, so I thought I would post.

I added a bullet to my footer which is repeated on all pages on my site. My intention is to have that bullet positioned between the copyright notice and my email address, sort of like <<copyright>> The Bullet <<email address>>. The attached gif shows what it looks like.

It looks fine in web designer preview, and in IE after I upload it. But in Firefox the bullet ends up on top of the beginning of the email address.

I tried Anchoring to text, but can't seem to make that work for the footer text. Also tried setting the bullet's position to Automatic, and that didn't work. I also set the bullet to no longer repeat on pages thinking that was causing an issue from page-to-page, but alas that's not the problem either.

Any help is much appreciated!


TIA