graphixdizzy Posted June 30, 2011 Share Posted June 30, 2011 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&catid=8&id=8" ></a></div><!--mindMapTalking-->CSS:#mindMapTalking { position:absolute; z-index:2; margin-top: 155px; margin-left: 125px; display: block; width: 183px; height: 167px; background: url(http://www.commonsenseprivacy.com/image ... alking.png);}#mindMapTalking :hover { background-position: 0 -167px;}If you view source and use Edit CSS in Firefox, you can see all the code.What the heck is making that image appear twice?Thanx. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.