La web se ve bien en IE y Opera pero no en Chrome ni Firefox

Pues tenía la web ya hecha (http://vectorzero.webcindario.com/), y me he puesto con el html-kit y le he añadido un menú. He ido retocando la hoja de estilos y tal hasta que ha quedado bien, pero luego se me ha ocurrido abrir la web con chrome, y lo veía hecho una patata. Y con opera también. Lo he arreglado en opera añadiendo un margin:0px auto, pero en chrome seguía viéndose mal, y he decidido bajarme el firefox para ver y se ve igual que en chrome. La verdad no sé porqué pasa, hay contenido dentro de una capa pero es como si estuviera fuera...

Así se ve con html-kit:

[contenido no disponible]

Así con chrome y firefox

[contenido no disponible]

En cambio, en la sección products no hay problema:

[contenido no disponible]


Lo del menú, supongo que ya lo arreglaré, de momento me interesa saber qué pasa con eso.

Os pego el code relevante:

Página downloads:

<div id="publicidad"></div>
<div id="contenido">
<div class="cuerpo">
<div id="menu">
<h1></h1>
<ul>

VZ USB Customizer
</div>
<div class="textodownloads">
<h1>Download VZ USB Customizer (Free)</h1>


Please click the link below to download VZ USB Customizer:</p>


[contenido no disponible]
</div>
</div>
</div>
<div id="curva-inferior"></div>

Página products:

<div id="publicidad"></div>
<div id="contenido">
<div class="cuerpo">
<div id="menu">
<h1></h1>
<ul>

VZ USB Customizer
</div>
<div class="texto">
<h1>VZ USB Customizer</h1>



VZ USB Customizer is a FREE portable application which allows you to customize your USB
(Pendrive, Mp3 player...) by changing its name, icon and background.
It is the ONLY application of this kind that works with vista/7.


Please, click the "downloads" link to download it.</p>
</div>
<div id="texto">


[contenido no disponible]</div></p>
</div>
</div>


<div id="curva-inferior"></div>

Hoja de estilos:

#menu {float:left; width:214px; background-image:url(objetos/menu-inferior.png); background-repeat:no-repeat;
background-position:bottom; margin:20px 0px 5px 10px}
#menu h1 {background-image:url(objetos/menu-superior.png); height:76px; width:214px}
#menu ul {margin:0px 13px 20px 13px; list-style:none; width:130px; float:top;}
#menu a {display:block; color:white}
#menu a:link {}
#menu a:visited {}
#menu a:hover {background-color:grey;}
#menu a:active {}
#contenido {background-image:url(objetos/cuerpo.png); background-repeat:repeat-y; padding-bottom:15px}
.texto {width:500px; float:left; text-align:left; margin-left:25px; margin-right:15px; padding:15px 20px 10px 0px}
.texto p {text-align:left; width:500px; background-color:#D3D3D3; padding:10px 10px 10px 10px}
.textodownloads {width:400px; float:left; text-align:left; margin-left:35px; margin-right:15px; padding:15px 20px 10px 0px}
.textodownloads p {text-align:left; width:400px; padding:10px 10px 10px 10px;}
.textoscreens {width:500px; float:left; text-align:left; margin-left:35px; margin-right:15px; padding:15px 20px 10px 0px}
.textoscreens p {text-align:left; width:500px; padding:0px}
.imagenes {width:100px; float:right; height:200px; text-align:left; margin-right:30px;
margin-left:15px; padding:0px; background-color:grey}
.imagenes p {text-align:right; width:150px}
.cuerpo {padding-bottom:15px; width:798px; border:1px solid black; margin:0px auto;}

Gracias ^^

Bueno, ya está arreglado, era cosa de añadirle un height a cada "cuerpo".

Saludos