Hola,
Es cierto, perdona. Aparte tienes mal la sintáxis. Falta una comilla y eso da errores. Pero aún así, sigue sin hacer lo que tú quieres. Prueba así, a ver si te refieres a ésto:
Código HTML:
<style type="text/css">
<!--
li {
display: inline;
background-color:#EEEEEE;
cursor:pointer;
padding:6px;
position:relative
}
#submenu div{
border: 1px solid;
position:absolute;
left:0;
}
-->
</style>
<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<div onmouseover="javascript:document.getElementById('submenu').style.display='block'" onmouseout="javascript:document.getElementById('submenu').style.display='none'">
<li>opcion 3
<div id="submenu">este es el submenu para opcion 3</div>
</li>
</div>
<li>opcion 4</li>
</ul>