Phil Matt wrote:
> 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:
[snip]
> 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;
> }
[snip]
Your example works on IE7 here.
In IE6 you'll need a trigger. IE6 will not show any hover effects on
children of the <a> element, if the <a> element itself does not have
any hover effect.
Try a hover effect on the link that won't be noticeable, such as
'background-position:left top'. The default is 'center', so 'left top'
is a change, while it won't affect anything on the page since you
didn't have a background set anyway.
--
Els
______________________________________________________________________
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/
