clearing the a:hover in FireFox

[ai45]

I am working on a very simple revision of the default WP template for a client : gobal-callcenter.com

if you hover over the header image in FireFox, it is like the border-bottom or underline(?) comes up... this is driving me crazy... how would I clear the a:hover for the img?

thanks!

[Fotiman]

Without seeing some code, it's hard to tell what's going on. But you probably want something like this:

a img { border: 0; }

or something to that effect. Good luck.

[Span]

Images are inline elements and are normally placed on the baseline. If you don't want your link hover background color to show up, make that image a block level element or place it on the bottomline.

#headerimg img {
vertical-align:bottom;
}

or:

#headerimg img {
display:block;
}

By the way, welcome to the forums, ai45.

[ai45]

Span! hats off to you... it works! you saved me from pulling my hair out

and thanks for the welcome... my friend told me about this site and had great things to say about it... hopefully I can help people out too

see you folks around!