I'm trying to create a navigation bar using images as tabs, and using the conditional descendant selectors to choose the "current" link. I have an unordered list of four links:
<ul id="pre18thcentury"> <li><a id="nav-pre18" href="/history120/pre18thc.php"><span>Pre-18th</span></a></li> <li><a id="nav-18" href="/history120/18thc.php"><span>18th</span></a></li> <li><a id="nav-19" href="/history120/19thc.php"><span>19th</span></a></li> <li><a id="nav-20" href="/history120/20thc.php"><span>20th</span></a></li> </ul> the a tag's background image is 80px high. the non-current state as a background position of 0 0, with a height of 40px. to display the "current" link, I put an id in the UL tag and change the background position of the relevant a tag to 0 -40px. this works fine in Safari, but in no other browser. I also change the background-position to 0 -40px on the a:hover state, which works fine in all the browsers I've checked, so I'm thinking that I'm doing something wrong with the descendant selector. but it's weird that Safari recognizes it. Both the CSS and XHTML are valid. Here's the link to the page: http://chnm.gmu.edu/history120/new/nav-test.html thanks in advance for any help! best, Jeremy ______________________________________________________________________ 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/
