Strange bug?

[carlosbutler]

This, http://carlosbutler.com/index.php, is currently my test site. All the back end PHP and database stuff is fine. One thing though, is the links at the top look strange in WebKit and FF (havent tried IE yet) as seen below:

I have applied border=0 to the img tag, and the tags are nested as <div><a><img>, and therefore can't understand why it is doing this. Any advice, please?

 

[angelwatt]

No bug.

a img {
 border: none;
}

 

[carlosbutler]

Thanks, I had tried that and it's fixed it in FF, although the problem still happens in in Safari and Chrome. Thing is that it isnt even a border, it's just on the bottom.

 

[7on]

Do text-decoration:none; on the A tag. The span is being treated as text.

 

[carlosbutler]

Unfortunately that has not worked either.

 

[7on]

It does. You're putting text-decoration:none on the img, not the a tag.

copy this

a{text-decoration:none}

and paste it at the bottom of your css doc. I just web inspected it and adding that fixes it.

That's why I said put it on the A tag, and not on A IMG

 

[carlosbutler]

I do apologise, I had miss read it, thanks! Any specific reason why is should be added to the bottom of the page?