graphixdizzy Posted June 30, 2011 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? Link to comment Share on other sites More sharing options...
trevelluk Posted June 30, 2011 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{ Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.