I am using one image for the tabs navigation. The tabs have three states: off,
over and selected.
The off and over states work fine but I can't get the selected class to work.
Any suggestions?
ul#nav-top-text li a:hover {
background-position:0 -42px;
}
The problem
****************************************
ul#nav-top-text .selected {
background-position:0 -86px;
}
****************************************
ul#nav-top-text li#item1 a {width:55px;padding-left:5px;background-position:0
0;}
ul#nav-top-text li#item1 a:hover {background-position:-0px -42px}
ul#nav-top-text li#item2 a {width:72px;background-position:-45px 0;}
ul#nav-top-text li#item2 a:hover {background-position:-60px -42px;}
<ul>
<li id="item1" class="selected"><a href="#">HOME</a></li>
<li id="item2"><a href="#">FASHION</a></li>
</ul>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
