Previous Message
Next Message

IE6 a:hover issue - all images disappear!!

Sent by Blake on 25 July 2008 00:12


On Thu, Jul 24, 2008 at 5:13 PM, Matijs [EMAIL-REMOVED]> wrote:
> Try a "position: relative;" on your <li>s

Unfortunately that doesn't help…

I have fixed the problem but unfortunately the mark-up is quite
bloated (I've had to add a span).

#sub_nav li a				{ color: #000; display: block; float: left;
text-transform: uppercase; }
#sub_nav li a span			{ background: url(background.gif) 0 -29px
repeat-x; cursor: pointer; display: block; float: left; height: 16px;
padding: 7px 10px 6px; }
#sub_nav li a:hover			{ color: #fff; }
#sub_nav li a:hover span		{ background-position: 0 0; }



If anyone knows a better solution please let me know.

Regards.
Blake
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: