Sub menu con Jquery

[pato12]

Hola,
Trato de hacer que cuando alguien posisione el raton en inicio sala un sub menu, y se pueda ir al div del sub menu y si se va del div o del inicio se oculte:

Código HTML:

<style type="text/css">
<!--
.submenu {
	display: none;
	margin: 1px;
	padding: 1px;
	height: 24px;
	width: 600px;
	font-size: 22px;
	position: absolute;
	background-color: #CCCCCC;
}
-->
</style>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
<!--
function subMenuT(n,act){
if(!act && n==null){
$('div#submenu').hide(100);
}else{
coord = $("div#botones").position();
$('div#submenu').html(n).css({"left":coord.left-2,"top":coord.top+24}).show(300);
}
}
-->
</script>
<div id="botones"><a href="#" onmouseover="subMenuT(1);" onmouseout="subMenuT(null,false);">Inicio</a></div>

<div class="submenu" id="submenu">
  <table width="600" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="6" class="sub-top-link-l">&nbsp;</td>
      <td class="div-sub-link-m">&nbsp;</td>
      <td width="3" class="sub-top-link-r">&nbsp;</td>
    </tr>
  </table>
</div> 

Pero no se como hacer.
Gracias
Salu2

[marcopoloaz06]

Hola, porque no mejor usas algún plug-in de jQuery, no necesitas inventar la rueda

http://users.tpg.com.au/j_birch/plugins/superfish/

esta muy bueno y fáciles de usar

saludosss
:)