Alguien sabria decirme como poner submenus con la propiedad onmousehover se me desplieguen
<div id="menu" >
<ul style="width: 900px; margin-left: 15px; margin-right: -15px;">
<li class="current_page_item" ><a href="#"style="margin-left: 195px;">Inicio</a></li>
<li><a href="#">Colecciones</a></li>
<li><a href="#">Origenes</a></li>
<li><a href="#">Representantes</a></li>
<li><a href="#">Ferias</a></li>
<li><a href="#">Tiendas</a></li>
<li><a href="#">Tienda online</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="#"style="margin-left: 700px; margin-top: 20px; padding-right: 10px;">About</a></li>
<li style=" margin-top: 28px;">|</li>
<li><a href="#"style=" margin-top: 20px; padding-left: 10px;">Contact</a></li>
</ul>
</div>