graphixdizzy 0 Posted June 30, 2011 Report Share Posted June 30, 2011 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? Quote Link to post Share on other sites
trevelluk 0 Posted June 30, 2011 Report Share Posted June 30, 2011 #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{ Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.