Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
If I add this to my CSS…
small a:hover, a:hover {background-color: #CCC; }
This happens to all images that are also links when viewing in IE 8 (fine in firefox)…
They look right…
http://notails.com/nothover.jpg
until I hover over them…
If I remove the line of CSS the behaviour goes away. I’ve tried googling this but I just get unrelated problems.
By default, images align their bottom edges with the baseline of the text. That grey space you’re seeing is the space below the baseline, used by decenders like q, p, y, etc. (The fact that you have no text is irrelevant – space for descenders is still reserved.)
You can get rid of it like this:
See That mysterious gap under images for a full discussion of this.