Bueno pues estoy haciendo una pagina web y me a salido un pequeño problema que no se resolver
tengo un menu desplegable arriba (el verde y negro) y al desplegarse me sale por debajo de otras cajas... pongo aqui una extraccion del codigo(guarreado, sucio y tal.. xD pero se ve el problema) pero a lo que voy, alguien sabe soolucionarlo??
Código:
<!DOCTYPE html><!-- -->
<html lang="es">
<head>
<meta charset="utf-8">
<meta charset="iso-8859-1" />
<meta name="description" content="" /><!-- name = tipo -->
<meta name="keywords" content="" /><!-- content = valor -->
<title>TITULO BLALBALB</title>
<link rel="stylesheet" href="001.css" /><!-- le dice al navegador que el archivo "href" es un archivo CSS con estilos
requeridos para presentar la página en pantalla-->
</head>
<body>
<header id ="Titulo01">
<h1>TITULO BLALBALL</h1>
</header>
<nav id="menu01">
<ul class="mi-menu">
<li><a href="http://www.google.es">Mejores ofertas</a></li>
<li><a href="www.gay.es">Nosotros</a></li>
<li><a href="www.gay.es">Contacto</a></li>
<li>
<a href="#">AAAAAAA</a>
<ul class= "menu_sem">
<li><a href="http://www.google.es"> AAAAAAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAA </a></li>
</ul>
</li>
<li>
<a href="#"> AAAAAAAAA</a>
<ul class="menu_5">
<li><a href="http://www.google.es">AAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAA </a></li>
<li><a href="http://www.google.es"> AAAAA </a></li>
</ul>
</li>
<li>
<a href="#">AAAAAAAAAAAAAAAAAAAAA</a>
<ul class="menu_6">
<li><a href="http://www.google.es"> AAAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAA </a></li>
</ul>
</li>
<li>
<a href="#">AAAAAAAAAAAA</a>
<ul class="menu_7">
<li><a href="http://www.google.es"> AAAAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAAAAA </a></li>
<li><a href="http://www.google.es"> AAAAAAAAA </a></li>
</ul>
</li>
</ul>
</nav>
<section id="agrupar_mikel">
<aside id="menu_derecha">
<ul id="nav" class="clearfix">
<!--<li><a href="/history"> < </a></li>-->
<li ><a href="http://www.google.es">AAAAAAAAAAAAAAA</a></li>
<li class="list">
<a href="http://www.google.es"><span></span>SAAAAAAAAAAAAAA</a>
<div class="col-4 clearfix">
<span>
<ul class="clearfix">
<li id="mikel">
</li>
</ul>
</span>
</div>
</li>
<li class="list ">
<a href="http://www.google.es"><span></span>AAAAAAAAAAAAAAAAAA</a>
<div class="col-4 clearfix">
<span>
<ul class="clearfix">
<li id="mikel">
</li>
<li id="mikel">
</li>
<li id="mikel">
</ul>
</li>
<li id="mikel">
</ul>
</li>
</ul>
</span>
</div>
</li>
<li class="list ">
<a href="http://www.google.es"><span></span>AAAAAAAAAAA</a>
<div class="col-1 clearfix">
<span>
<ul class="clearfix">
<li id="mikel">
</li>
</ul>
</span>
</div>
</li>
<li ><a href="http://www.google.es">Mi cuenta</a></li><!--
<li ><a href="/nosotros/">Nosotros</a></li>
<li ><a href="/contacto/">Contacto</a></li>
<li ><a href="/pedido/">Pedido</a></li> -->
</ul>
</aside>
<div id="contenido">
<!-- body -->
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<div id="bloqueProductos" class="bloqueProductos">
</div>
</td>
</tr>
</tbody>
</table>
<!-- body_eof //-->
</div>
</section>
</body>