> It seems that, when we mouse hover the padding area, we will have a red
> text over a red background, a bad combination that should never arrive.
The padding area isn't the issue. It's actually the border. Which means as
written, there's only 1px where that can happen. I had to try really hard
to hit it.
But this will fix it:
li{
display: block;
}
a {
display:block;
border-top: 1px dotted #ccc;
background:green
url("http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif";)
no-repeat right center;
padding: 2px 0;
color: red;
}
a:hover {
background-color: red;
color: white;
}
---Tim
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif"](http://www.hpp.moh.gov.sg/HPP/MungoBlobs/636/378/bullets_doctors.gif"){kind=link}