graphixdizzy

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?

Hi. Developing my first Joomla site. Creating a rollover on the home page. For some reason, image is doubling up to the top left. You will see a button titled "Today's Talking point".There are 2 of them.The bottom right one is working correctly.If you hold your cursor over the bottom right one you will see the roll over reaction.Why is there a second image on the top left?????Here is the code used:HTML:<div id="mindMapTalking"><a id="mindMapTalking" href="index.php?option=com_content&view=article&catid=8&id=8" _mce_href="index.php?option=com_content&view=article&ca