Hola chicos/as. Llevo bastante tiempo revisando mi codigo y por más que lo miro no averiguo por qué tras poner una capa me deja un gran vacio en la pagina html a continuación de la capa, cuando en realidad mi capa es pequeñita, este es el codigo CSS de la capa:
#menu3 {
width: 50px;
margin: 10px;
border-style: solid solid solid solid;
border-color: #24618E;
border-size: 2px;
border-width: 2px;
padding:0px 5px 5px 5px;
}
#menu3 li a {
height: 10px;
voice-family: "\"}\"";
text-decoration: none;
}
#menu3 li a:link, #menu3 li a:visited {
color: #8BADCF;
display: block;
background: url(menu3.gif);
padding: 8px 0 0 10px;
}
#menu3 li a:hover, #menu3 li #current { {
color: #627EB7;
background: url(menu3.gif) 0 -32px;
padding: 8px 0 0 10px;
}
<div id="menu3" style="width: 200px; left: 75px; top: -12px; position: relative; visibility: hidden; z-index:10; font-size: 9pt; font-family: verdana; text-align: center; background-color: #F4F4F4">
<ul>
<li><a href="pag.html">Ver</a></li>
<li><a href="pag.html">Añadir</a></li>
<li><a href="pag.html">Borrar</a></li>
</ul>
</div>
