Greetings. I'm having a problem with an "a tag".

I have this piece of code at my page:

<a href="http://website">
    <img alt="Alt" src="html_files/x" style="background-color: rgb(206, 207, 206);" border="0" height="90" width="14">
</a>

This works fine in IExplorer (it appears this way):
(Picture 1)


But not in Opera, nor Firefox (appears this way):

(Picture 2)



When I delete the "a tag" (so that only the image appears):

<img alt="Alt" src="html_files/x" style="background-color: rgb(206, 207, 206);" border="0" height="90" width="14">

It displays like Picture 1 in all browsers... But, of course, I need the link... Can anyone tell me how to resolve this problem?

Thanks.
By the way, the website is http://english-hentai.blogspot.com

check the stylesheet or the <style> portion of your site... it must be some attribute for the links.

Originally Posted by jyoz22

check the stylesheet or the <style> portion of your site... it must be some attribute for the links.

It isn't... I deleted all styles related to the "A Tag". Still, the problem continued...

It only disappears when I delete the "A Tag"...

It isn't... I deleted all styles related to the "A Tag". Still, the problem continued...

Of course it is. If you have not removed all default padding and/or margin from the <a> tag, you will run into this. The other possibility is the line-height for the font size being used.

You were right... The source of the problem was in the <a> tag style... The problem was that I deleted the wrong <a> tag.
Thanks for helping...

Anyway, I can't find the reason for this problem. This is the code that was creating problems:

#sitetitle a{
color:#fe7003;
font-weight:normal;
background-color: #666666;
}

#sitetitle a:hover{
color:#fe7003;
background-color: #666666;
}

When I deleted the "background-color" properties, the problem vanished... Isn't that weird?