Buenas a todos, me encuentro con un problema que no se solucionar. Espero que alguien pueda guiarme a encontrar la solución.
Tengo un div que anida a otros varios con sus floats, con lo que le tengo puesto un overflow hidden para limpiar los floats, lo llamaremos .contenedor. Luego, uno de los divs que se encuentran dentro, a hacer un rollover, muestra otro div que sobrepasa en altura al div .contenedor y claro, no se muestra en su totalidad.
Lo que necesito es que al mostrar el div oculto, se muestre en su totalidad.
Lo intento explicar con código:
Código:
<div class="contenedor">
<div class="info">
<div class="tooltip"></div>
</div>
</div>
y las css:
Código:
.contenedor {
max-width:1100px;
padding-top:1.5em;
overflow:hidden;
z-index:333;
position:relative
}
.info {
position: relative;
}
.tooltip{
position: absolute;
top:-90px;
left:-50px;
display:none;
border:solid 2px #7b7a7a;
background:#f5f5f5;
padding:14px;
z-index:999
}