On Thu, Jul 24, 2008 at 5:13 PM, Matijs <[EMAIL PROTECTED]> 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 PROTECTED]
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/
