Fantom dotted line . . .

I have a page here;

http://chieftainclothing.com/mockup/

When I click on one of the menu titles and use the back arrow to get back the FF browser draws a dotted line around the image map.

Any suggestions?

I think the problem comes with the fact you made the ul#links have the background image rather that the #links div. The dotted line happens when you click a link. I would try making the background image be in the #links rather than the ul#links. Try that and let me know what happens.

a { border: 0; outline: none; }

?

I think the problem comes with the fact you made the ul#links have the background image rather that the #links div. The dotted line happens when you click a link. I would try making the background image be in the #links rather than the ul#links. Try that and let me know what happens.

But I don't have #links style?

http://sonspring.com/journal/removing-dotted-links

thanks for ignoring my post lol. try setting outline: none; I think this could be the answer?

But I don't have #links style?

I added a #links style, it made no difference. It only happens in FF, Safari is fine. Of course I haven't even started on IE yet.

Thanks

I think the problem comes with the fact that you made the ul # links have a background image instead of the div # links. The dotted line that occurs when you click a link. I would try to make the background image to the links # instead of # links ul. Try that and let me know what happens.