Gracias nuevamente por responder, hice lo que me dijiste poniendo en el css:
Código HTML:
#casas{
margin: 2px;
background-color: #f2f2f2;
width: 120px;
height: auto;
border-color: #bdbdbd;
border-width: 1px;
border-style: solid;
}
.oculto ul{ visibility:hidden; }
.oculto:hover ul{ visibility:visible; }
y en el html esto:
Código HTML:
<div class="opmenu"><a href="#">Prueba</a></div>
<div id="casas" class="oculto">Prueba
<ul>
<div>prueba</div>
</ul></div>
<div class="opmenu"><a href="#">Prueba</a></div>
y me queda asi:
Osea la palabra se oculta, pero el div por mas que le ponga
height: auto; no se achica al ocultarse, en la imagen 1 miras como se ve cuando pasas el mouse, y en la 2 cuando lo sacas, el div no se achica. Tambien donde dice <div>prueba</div> probe poniendo como me dijiste en los ejemplos vos, <li> pero igualmente sigue sin achicarse el div, espero que me puedas ayudar, disculpa por preguntar tanto. Gracias nuevamente.