CSS en Imagenes para menu desplegable

[Simon_Echecopar]

Código HTML:

<img src="Menu.png" usemap="#menu">
	   <map name="menu">
	    <area shape="rect" coords="50,50,120,80" href="Nosotros.html"   alt="Nosotros"  target="frame"/>
		<area shape="rect" coords="130,50,220,80" href="Servicios.html" alt="Servicios" target="frame"/>
		<area shape="rect" coords="230,50,280,80" href="EnConstruccion.html"  alt="Clientes"  target="frame"/>
		<area shape="rect" coords="290,50,370,80" href="Productos.htm"  alt="Productos" target="frame"/>
		<!--<area shape="rect" coords="400,50,490,80" href="NoInfo.html" alt="Servicios" target="frame"/>
		<area shape="rect" coords="490,50,550,80" href="NoInfo.html" alt="Servicios" target="frame"/>
		<area shape="rect" coords="580,50,620,80" href="NoInfo.html" alt="Servicios" target="frame"/>-->
		<area shape="rect" coords="640,50,710,80" href="contacto.php"   alt="Contacto" target="frame"/>
	   </map> 

Tengo este codigo y le quiero implementar CSS para poder desarrollar un menu desplegable, necesito un par de tips o ideas de donde puedo empezar.

[Simon_Echecopar]

Código HTML:

 <img src="Menu.png" usemap="#menu" class="chromestyle" id="chromemenu">
 <map name="menu">
  <area onclick="capa(dropmenu1)" shape="rect" coords="50,50,120,80" alt="Nosotros" target="frame" />
 <!--1st drop down menu -->                                                   
  <div id="dropmenu1" class="estilo2">
	<a href="vision.htm">Misiòn</a>
	<a href="http://www.cssdrive.com">Visiòn</a>
  </div>
  <area onclick="capa(dropmenu2)" shape="rect" coords="130,50,220,80" alt="Servicios" target="frame" />
  <!--2nd drop down menu -->                                                
   <div id="dropmenu2" class="dropmenudiv," style="width: 150px;">
    <a href="http://www.cnn.com/">CNN</a>
    <a href="http://www.msnbc.com">MSNBC</a>
    <a href="http://news.bbc.co.uk">BBC News</a>
  </div>
  <area name="dropmenu3" id="dropmenu3" shape="rect" coords="230,50,280,80" alt="Clientes" target="frame" />
  <area name="dropmenu4" id="dropmenu4" shape="rect" coords="290,50,370,80" alt="Productos" target="frame" />
  <!--<area shape="rect" coords="400,50,490,80" href="NoInfo.html" alt="Servicios" target="frame"/>
  <area shape="rect" coords="490,50,550,80" href="NoInfo.html" alt="Servicios" target="frame"/>
  <area shape="rect" coords="580,50,620,80" href="NoInfo.html" alt="Servicios" target="frame"/>-->
  <area name="dropmenu5" shape="rect" coords="640,50,710,80" alt="Contacto" href="contacto.php" />
 </map> 

ya logre que se desplegaran menus, ahora la duda que tengo y no se si tenga que ser javascript es como manejar el estilo de CSS en la class del menu