Problema con css en distintos navegadores. Necesito ayuda

[brunocanalla]

Hola,hace poco empece a hacer una pagina toda maquetada con css, es la primera vez que lo hago.

Luego de hacerla basandome en lo que veia en el explorer, miro en firefox 3 y en chrome que se me ve MALLL... Estuve rompiendome la cabeza tratando de encontrar por que en los otros dos navegadores se ven mal mero me venci jeje... Deba haber algo que estoy haciendo mal!

Asi que decidi ver si alguno de ustedes con mas experiencia me podria decir en que me estoy equivocando.
La pagina la subi en este link para que la puedan ver:

http://www.creamusica.com.ar/hardrock/index.htm

Si alguno tiene una sugerencia es bien recibida.
Saludos y espero respuestas
Bruno

[kseso?]

¿qué se ve mal?
¿Cómo quieres que se vea?
Un poco más de concreción y la ayuda será más acertada.

[Mikmoro]

Empieza por introducir este div encima del pie, exactamente aquí:

</div>
<div class="corte"></div>
</div>

<div class="pie">

Y ahora añade a tu css el selector:

.corte {clear: both;}

Hazlo exactamente así y con eso ya has arreglado una parte importante del problema.

[brunocanalla]

Hola, primero gracias a los dos por interesarce y responder.
@Mikmoro: muchas gracias, el problema del pie se soluciono, ahora se ve abajo donde tiene que estar.

El otro problema que tiene es que pareciera que el navegador (firefox, chrome) no reconoce el el estilo .contenido que se usa para el div que contiene los div con los estilo: .contIzquierdo y el .contDerecho.
Como consecuencia no se me ve ni el fondo ni el borde establecido por el estilo .contenido
En mi pagina es algo asi, para dejarles un poco mas claro...

<div class="contenido">
----------
-----------
<div class="contIzquierdo">
------------------
------------------
</div>
<div class="contDerecho">
------------------
------------------
</div>
</div>

y el estilo de .contenido es:

.contenido {
background-color: #FFFFFF;
margin: 0px auto 0px auto;
width: 730px;
border: 1px solid #CCCCCC;
position: static ;
}

Bueno, desde ya agradecerles por las molestias
Un saludo
Bruno

[Mikmoro]

Es que no has puesto el corte donde te dije. Revisa dónde te lo puse yo y dónde lo has puesto tú.

Yo te lo puse no inmediatamente antes del pie, sino dentro del div anterior:

<div class="corte"></div>
</div>

<div class="pie">

Y tu lo has puesto inmediatamente antes del pie:

<div class="corte"></div>
<div class="pie">

[brunocanalla]

Hola! graciass! no te habia entendido y habia puesto el corte en otro lado, yo no sabia de esta propiedad (clear: both) asi que ahora me voy a poner a investigar un poco de que se trata...
Por el momento dentro de todo la pagina quedó bien aunque se que faltaria corregir varias cosas, pero bueno.
Gracias de nuevo por la ayuda
Bruno