cuando usas eletementos flotante la w3c dice que no deven ser parte directa del contenido estan flotando SOLO IE hace eso, para corregirlo necesitas poner una div abajo de los float con
clear:both aqui te paso un ejemplo:
Cita: CSS:
#caja {
width:570px;
height:auto;
border: solid 1px #CCCCCC;
text-align:center;
margin-top:8px;
margin-bottom:8px;
clear:both
}
HTML:
<div id="caja">
<div style="float:left; width:130px; height:auto; text-align:center"><img src="images/c/wallpaper.jpg" width="115" height="86" alt="Fondo de escritorio Climbinz Zone" title="Fondo de escritorio"></div>
<div style="float:right; width:430px; height:auto; text-align:left">Descargate nuestro fondo de escritorio.
<p><a href="images/c/wallpaper_1024.jpg" class="enlacenav" target="_blank">1024x768</a> <a href="images/c/wallpaper_800.jpg" class="enlacenav" target="_blank">800x600</a></p></div>
<div style="clear:both"></div>
</div>
Agrege la linea
<div style="clear:both"></div>