De-lurking here. I've been working on a site that's my usual mostly-CSS thing.
For some strange reason, I can't seem to get this simple hover effect to work in EITHER IE6 or IE7 - works as expected in Firefox. Maybe it's been too long a day, but I can't seem to figure it out. In IE, NOTHING happens when you hover over the small GIF image - which is a graphic created from a specific font. The idea is to simulate the typical text-decoration you'd see on an ordinary text link. In FF, the expected red lower border appears on hover. Here's the code snippet: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml""; xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> img { border: 0; } a:link img { text-decoration:none; padding:0; margin:0; border:0; } a:hover img, a:active img { border: 1px solid red; border-width: 0 0 3px 0; padding:0; margin:0; } </style> </head> <body> <a href="http://www.someURL.com"; class="titler"> <img src="donuts.gif" alt="Donuts" /></a> </body> </html> What am I missing? TIA for your help. ---- Phil ______________________________________________________________________ css-discuss [cs...@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/
