index.html

<a href="#" class= "menu">
   <img src="images/nav-iconsnull.png" width="1750" height="53">
  <span> <img src="images/nav-icons.png" border="0" usemap="#Map" map>
  <map name="Map" id="Map">
   <area shape="contact" coords="30,11,144,43" href="contact_venisha.html" title="contact" alt="contact"/> 
     
    <area shape="bio" coords="184,10,281,44" href="bio_venisha.html" title="bio" alt="bio"/>
     
    <area shape="shop" coords="315,13,407,42" href="venisha_shop_working.html" title="shop" alt="shop"/>
  </map>
  </span>
</a>

style.css

.menu span
{ /* zoom picture*/
    position:absolute;
    visibility: hidden;
  top: 15px;
    left: 0px;
	height:51px;
	
}
.menu
{
    position:fixed;
	top: 15px;
    left: 200px;
	height:61px;
    
	
}
.menu:hover
{	z-index: 1;
	
}
.menu:hover span
{  visibility: visible;
   top: 3px;
    left: -15px;
	height:51px;
	
	z-index: 1;
	
}