Probably because you need to set the nav up as a <UL>
and declare #menu li a
#menu li a:hover
#menu li a:active
Take a look at www.virtualtheatreorgans.com
All of the nav tabs are inline rollovers using a combined 3 image .jpg
CSS is at: www.virtualtheatreorgans.com/scripts/stylesheet.css
Regards,
Alan.
www.theatreorgans.co.uk
www.virtualtheatreorgans.com
Admin: ConnArtistes, UKShopsmiths, 2nd Touch & A-P groups
Shopsmith 520 + bits
Flatulus Antiquitus
----- Original Message -----
From: Christopher
To: [email protected]
Sent: Friday, June 20, 2008 12:22 PM
Subject: [css-d] CSS Roll Over Problem Help
Hi, I have my <div> called navigation then I have navigation:hover but
this does not work ? I know I'm missing a step could it be a link cause
the graphic needs to be one big graphic BUT specific areas on the
graphic will have links to other pages NOT the whole graphic:
#menu a {
background: url("button.gif") 0 0 no-repeat;
...
}
#menu a:hover {
background-position: -157px 0;
...
}
#menu a:active {
background-position: -314px 0;
...
}
...with all 3 states in one big graphic.
______________________________________________________________________
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/