Jump to content

Rollover won't move


graphixdizzy
 Share

Recommended Posts

In the CSS, the background image is supposed to move position by -167 on the hover, but it simply stays put:WEBSITEwww.commonsenseprivacy.comHTML<div id="bigButtonContainer"><a id="expertRO" href="#" ></a></div><!--bigButtonContainer -->CSS#bigButtonContainer{position:absolute;z-index:2; margin-top: 304px;margin-left: 497px;width: 183px;height: 167px;}#expertRO {display: block;width: 183px;height: 167px;background: url(http://www.commonsenseprivacy.com/images/mindMap/expert.png) no-repeat 0 0 ;}#expertRO :hover {background-position: 0 -167px;}Can you help?

Link to comment
Share on other sites

#expertRO :hover {

The space in the selector is the problem, as this will set the hover style for elements withing #expertRO rather than for #expertRO itself. Try changing the selector to:

#expertRO:hover{

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...