> 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 [css-d@lists.css-discuss.org] 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/