CSS Errors
HTML Errors
.bigPicture {
display: block;
width: 1365px;
height: 1049px;
margin: 0 auto;
margin-top: -16px;
border: 0
}
You have two IDs for the map tag. Only one is allowed.
<p><img class="bigPicture" src="bigPicture.jpg" alt="" usemap="#Map" id="Image1" />
<map name="Map" id="Map">
<area shape="rect" coords="120,133,254,522" href="http://barbaricsoftworks.com/jay" target="_self" alt="Jay’s Portfolio" onmouseover="MM_swapImage('Image1','','jay.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="rect" coords="1113,136,1247,522" href="http://barbaricsoftworks.com/sam" target="_self" alt="Sam’s Portfolio" onmouseover="MM_swapImage('Image1','','sam.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="rect" coords="121,629,254,1014" href="http://barbaricsoftworks.com/games" target="_self" alt="Games" onmouseover="MM_swapImage('Image1','','games.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="rect" coords="1113,630,1246,1015" href="http://barbaricsoftworks.com/contact" target="_self" alt="Contact" onmouseover="MM_swapImage('Image1','','contact.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="683,996,283,722,283,12,1085,11,1085,723" href="http://barbaricsoftworks.com/" target="_self" alt="News" onmouseover="MM_swapImage('Image1','','home.jpg',1)" onmouseout="MM_swapImgRestore()" />
</map>
</p>
<h1>News</h1>
Alternative:
.bigPicture {
width: 1365px;
margin: 0 auto;
margin-top: -16px;
}
<div class="bigPicture">
<img src="bigPicture.jpg" alt="" style="width:1365px; height:1049px; border:0;" usemap="#Map" id="Image1" />
<map name="Map" id="Map">
<area shape="rect" coords="120,133,254,522" href="http://barbaricsoftworks.com/jay" target="_self" alt="Jay’s Portfolio" onmouseover="MM_swapImage('Image1','','jay.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="rect" coords="1113,136,1247,522" href="http://barbaricsoftworks.com/sam" target="_self" alt="Sam’s Portfolio" onmouseover="MM_swapImage('Image1','','sam.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="rect" coords="121,629,254,1014" href="http://barbaricsoftworks.com/games" target="_self" alt="Games" onmouseover="MM_swapImage('Image1','','games.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="rect" coords="1113,630,1246,1015" href="http://barbaricsoftworks.com/contact" target="_self" alt="Contact" onmouseover="MM_swapImage('Image1','','contact.jpg',1)" onmouseout="MM_swapImgRestore()" />
<area shape="poly" coords="683,996,283,722,283,12,1085,11,1085,723" href="http://barbaricsoftworks.com/" target="_self" alt="News" onmouseover="MM_swapImage('Image1','','home.jpg',1)" onmouseout="MM_swapImgRestore()" />
</map>
<h1>News</h1>
</div>