Hola tengo un menu horizontal y quiero sacarle al submenu otro menu pero no sale como puedo hacerlo?
aqui les tengo el codigo
Código:
<html>
<head>
<title>::Itver Programa de Tutorias::</title>
<style type="text/css">
/* menú */
#menu ul{list-style:none;margin:0;padding:0;overflow:hidden;}
#menu li{float:left;}
#menu a{font: 1em 'times new roman';text-align:center;text-decoration:none;width:120px;display:block;outline:none;}
#menu a:link, #menu a:visited{color:#fff;background:#00f;border:#009 solid 1px;}
#menu a:hover{color:#000;background:#0f0;border:#090 solid 1px;}
#menu a:focus, #menu a:active{color:#000;background:#f00;border:#900 solid 1px;}
/* submenú desplegable */
#menu ul li ul{display:none;position:absolute;}
#menu ul li:hover ul{display:block;}
#menu li ul li{clear:left;}
#menu li ul a:link, #menu li ul a:visited{color:#fff;background:#99f;border:#00f solid 1px;}
#menu li ul a:hover{color:#000;background:#9f9;border:#0f0 solid 1px;}
#menu li ul a:focus, #menu li ul a:active{color:#000;background:#f99;border:#f00 solid 1px;}
</style>
</head>
<body>
<center>
<table border=1>
<td><center><img src="imagenes/logo.jpg"></center></td>
<tr>
<td>
<div id="menu">
<ul>
<li><a href="#">Ingenierias</a>
<ul>
<li><a href="#">Administracion</a></li>
<li><a href="#">Sistemas Computacionales</a></li>
<li><a href="#">Industrial</a></li>
<li><a href="#">Quimica</a></li>
<li><a href="#">Bioquimica</a></li>
</ul>
</li>
<li><a href="#">Tutores</a>
<ul>
<li><a href="#">2.Uno</a></li>
<li><a href="#">2.Dos</a></li>
</ul>
</li>
<li><a href="#">Tutorados</a>
<ul>
<li><a href="#">3.Uno</a></li>
<li><a href="#">3.Dos</a></li>
<li><a href="#">3.Tres</a></li>
<li><a href="#">3.Cuatro</a></li>
<li><a href="#">3.Cinco</a></li>
</ul>
</li>
<li><a href="#">Portal de Tutorias</a>
<ul>
<li><a href="#">4.Uno</a></li>
<li><a href="#">4.Dos</a></li>
<li><a href="#">4.Tres</a></li>
</ul>
</li>
</ul>
</div>
</td>
</table>
</center>