Bueno, pues esto me ha pasado por no mirar el código con detenimiento.
Prueba esto:
- haz el cambio que te he dicho antes con el important:
#principal{
position:relative;
margin:5px auto;
width:800px;
min-height: 650px;
height: auto ! important;
height:650px;
background-color:#FFFFFF;
border:4px solid #000000;
}
- añade una clase a la css que sea:
.corte {clear: both;}
- añade al html, justo antes del ultimo cierre del div, este div vacío:
<div class="corte"></div>
Es decir, que quede:
<div class="corte"></div>
</div>
</body>
</html>
Hazlo con cuidado y creo que funcionará.
Mikel.