I've spent about 3 hours trying to find the solution to this, but I can't find a way to turn off the a:active, a:visited blue border for IE/MacIE5. I've always hated that thing and am doing a design on a black background where it looks particularly bad.

I've narrowed it down to what I think is a bug specific to Mac IE5, but I can't be entirely certain about that.

Anything like
<img src="yaddayadda" border="0" />
a img {border: 0px}
a:active {border: none;}
etc...

has yet to work for me.

oh wait, you mean the blue border that shows up when you click on a link? that's the focus() state for the browser itself. the only way to get rid of it is with javascript.

<a href="foo" onfocus="this.blur();"><img src="foo.gif" alt="FOO!" /></a>

If you're thinking of actually doing that though you will be causing some SERIOUS trouble in terms of accessibility, though. (It efffectively kills the ability to navigate the page using tab between links and thus makes using a screenreader to navigate yr site impossible.)

My $.02: I wouldn't even worry about it in IE/Mac, it hasn't been updated in, what, 5 years? Even microsoft won't let people download it any more because it's so old they don't want people using it.

Nifkin said:

My $.02: I wouldn't even worry about it in IE/Mac, it hasn't been updated in, what, 5 years? Even microsoft won't let people download it any more because it's so old they don't want people using it.

I whole-heartedly agree.

Unless, of course your website is targeted primarily toward MAC/IE users.