On 12 Mar, 12:32, Cln <[email protected]> wrote: > I set up a global <a> style like this: > > a img {border:none;} > a:{color:#0066cc;text-decoration:none;} > a:hover {background:#0066cc; color:#fff;} > > and when I put a image in a link, all imges will have a wired > background color shown below when move mouse over them, and this only > happened in Firefox, IEs are perfectly fine this time. > > Any one can help? > Any one suffered the same problem with Firefox?
A img element is an inline (text level) element. Those elements are aligned to the baseline of the the rest of the text. So there should be a gap between the baseline and the bottom of the text line, showing the background. This is not happening in table cells in IEs "almost standards mode". So are you using PNGs, sliced images in table cells, or is it something else. An URL would help. --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
