Hovering with buttons not working with image map, help!

John777 · #1 Aug 21, 2011, 06:41 PM

This is my code I'm using for hovering my navbar, but I made this using image mapping. It was working fine and now I don't know what happened it doesn't work at all. Here is the code:

Code:

<br>
<img src="http://i52.tinypic.com/2pyp6qq.png">
<div style="text-align:center;width:990px;margin-left:auto;margin-right:auto;">
<img id="_Image-Maps_5201108211935543" src="http://i56.tinypic.com/209n34h.png" usemap="#_Image-Maps_5201108211935543" border="0" width="990" height="70" alt="">
<map id="_Image-Maps_5201108211935543" name="_Image-Maps_5201108211935543"><area shape="rect" coords="38,7,195,62" href="http://jeffrocks100.com" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/2mq91qg.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';"><area shape="rect" coords="244,5,419,65" href="http://xat.com/Jeffrocks100" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/20acrpg.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';"><area shape="rect" coords="453,8,692,63" href="http://twitter.com/Jeffrocks100CP" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i55.tinypic.com/i1afeu.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';"><area shape="rect" coords="720,7,981,61" href="http://youtube.com/Jeffrocks100CP" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i53.tinypic.com/mhx9he.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';"></map></div>
<area shape="rect" coords="38,7,195,62" href="http://jeffrocks100.com" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/2mq91qg.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';">
<area shape="rect" coords="244,5,419,65" href="http://xat.com/Jeffrocks100" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/20acrpg.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';">
<area shape="rect" coords="453,8,692,63" href="http://twitter.com/Jeffrocks100CP" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i55.tinypic.com/i1afeu.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';">
<area shape="rect" coords="453,8,692,63" href="http://twitter.com/Jeffrocks100CP" alt="" title="" onmouseover="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i55.tinypic.com/i1afeu.png';" onmouseout="if(document.images) document.getElementById('_Image-Maps_5201108211935543').src= 'http://i56.tinypic.com/209n34h.png';">
</div>

Is there something wrong, I know it's a mess but please help me, thank you!!