problem with styling jquery tabs
hello,
i just discovered the jquery tabs plugin today. i have read the docu
page about how to theme the tab nav (http://docs.jquery.com/UI/Tabs/
Theming) but i still can't figure out why this isn't working:
only my css parameters for the selected tabs are working, but none of
the css is working for the unselected. please see the commented code
below.
your help is much appreciated.
dirk
#### HTML
<ul id="tabNav">
<li><a href="#search">Search</a></li>
<li><a href="#info">Videoinfo</a></li>
<li><a href="#project">Project</a></li>
</ul>
#### JS
$("#tabNav").tabs();
#### CSS
.ui-tabs-nav li { background: #eeeeee; border: 1px solid
#cccccc; } // works
.ui-tabs-hide { display: none; } // works
.ui-tabs-selected a { color: white; } // works
li.ui-tabs-selected { background: black; } // works
.ui-tabs-unselect a { color: black; } // doesn't work
li.ui-tabs-unselect { background: white; } // doesn't work