a:active outline bottom hidden

[Emperor]

Hi guys,

I noticed the default dashed box around an active <a><img /></a> has the bottom lower than the image. Depending on what that image is contained in the bottom can disappear altogether.

What's going on here, is it just another IE(8 in this case) problem ?

Thanks.

[Major_Payne]

Could try setting up each link like this:

<a href="URL" title="" onfocus="this.blur()">

Or, maybe try this:

outline-color: -moz-use-text-color;
outline-style: none;
outline-width: 0;

This should be successful in Firefox 2, 3, Internet Explorer 7, 8, and Safari 3, 4.