Julian Voelcker wrote:
>I have a span within a link to provide a block of colour which I want
>to change the colour of when the mouse is hovered over the link, but am
>getting muddled on the correct formatting of the css.
>
><a href="#"><span class="redblock"> </span> Link text</a>
>
>I would have thought this would work:
>
>a:hover span.redblock{background-color:#AE0042;}
>
>but is doesn't - any ideas?
This is an IE/Win bug. IE needs you to trigger some kind of action
on the anchor when you hover in order to recompute the properties of
the span. The good news is that the action on the anchor doesn't
actually have to make a difference. So, for example, assuming your
anchor already has a white background, the following should work just fine:
a:hover {background-color: white;} /*bugfix for IE-Win*/
a:hover span.redblock{background-color:#AE0042;}
This page gives you a detailed list of properties you can use to
trigger the redraw in IE/Win:
<http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp>.
HTH,
-Adam Kuehn
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
