Hey! yo tenía este problema y lo solucioné utilizando este código en mi CSS.
Código:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
Lo que vas a hacer es poner a ese div a que pertenezca a la clase clearfix
Código:
<div class="clearfix"></div>
Las encontrarás bien explicadas en el tutorial que si bien está en inglés, no dudo en que si no conoces el idioma, con un traductor podrás entender sin ningún problema. De verdad disculpa si este inconveniente del idioma no es bien visto, pero así fue que yo conseguí solucionar ése problema cuando en su momento lo tuve.
h t t p :/ / w w w.positioniseverything.net/easyclearing.html
y leyendo hace unos días, encontré estos para aquellos que les gusta usar el IE
h t t p :// w w w.torresburriel.com/weblog/2006/10/19/ojo-con-el-uso-de-clearfix-casca-en-ie7/
------En el caso de ese enlace, para IE7 lo que haces es eliminar el
.clearfix {height: 1%;} y para IE6 lo dejas como te lo puse.
Sólo espero que al igual que a mí, el uso de ésta clase te ayude a solventar el problema. Un saludo.
PC Troll