web no se ve igual en ie7 que en firefox

Hola!! He puesto en mi ewb una galeria de fotos y no se ve igual en el explore 7 que en firefox, aqui pongo las capturas a ver si me pueden ayudar. Este es internet explorer 7 así se ve, las fotos se quedan por debajo del menú no se centran por arriba pero bueno vale así. Los laterales no llegan a ocupar toda la pantalla eso es otra cosa que ya pregunare otro dia.

[contenido no disponible]

Esta de abajo es la captura del firefox.

[contenido no disponible]

En esta del firefox no se por qué si empiezan las fotos desde arriba pero me descuadra todo. Las propiedades son iguales para los dos explorer (estilos-general.css) los dejo tambien a ver si me averiguais algo. Muchas gracias!!!

#cabecera {background-color:white ; height:150px}
#firmaa {width:150px ; float:left ; margin-top:25px ; font-size: 16px}
#logotipo {width:498px ; float:left}
#firmaf {width:150px ; float:left ; margin-top:25px ; font-size: 16px}
#navegacion {background-color: gray ; border:black 1px solid ; height:20px}
#navegacion li {float:left ; margin:0px 20px 0px 20px ; list-style:none}
#navegacion ul {margin-left:180px}
#contenido {background-color:orange ; border-left:black 1px solid ;
border-right:black 1px solid}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color:yelow ; width:150px ; float:left ;
text-align:left ; margin:3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position:bottom ; padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif)}
#galeria {float:lef ; background-color:orange ; width:798px }
#galeria li {display:inline ; float:left ; width:126px ;
padding: 5px ; margin:1px ; text-align: center ; border-top:blue solid 1px }
#galeria h3 {font-size:1.1em ; color:red ; font-weight:bold ;
text-decoration:none ; text-align:center }
#pie {background-color:white ;
border-top:black 1px solid ;
height:65px}
#pie li {list-style:none ; font-size:12px}
#pieuno {float:left ; width:150px}
#piedos {background-color:red ; float:left ; width:498px}
#pietres {float:left ; width:150px}
a {color: brown ; text-decoration:none ; display: block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
#pie a {color:blue ; text-decoration:none ; display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ;
background-color:white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

Hola!!! Como se puede ver en los dos exploradores las fotos empiezan a partir del menú. En firefox, la capa contenido se ha ido hacia arriba y la capa pié se ha descontrolado. Bueno he conseguido arreglar un poco esto. El explorer ie7 sigue igual. En el firefox he arreglado todo. He puesto en la capa contenido etiquetas
más de la altura que ocupan las fotos, con eso ya no se sube la capa contenido, queda perfecta y además las fotos empiezan desde arriba del todo, alineadas con el menú. Qué puedo hacer para que en el explorer también enpiezen las fotos desde arriba alineadas con el menú. Muchas graias!!!

Lo Que Pasa Es Que Microsoft Al Crear Interner Explorer Penso En Algo De Exclusividad, Por Eso Es Que Pasa Esto, Para Que Me Entiendas Mejor Hay Algunas Etiquetas Que Se Interpretan De Diferente Manera.

Tedoy Un Ejemplo:

Poniendo Un Comentario En IE:

[img]imagen.jpg[/img]

Poniendo Un Comentarios En Firefox:

[img]imagen.jpg[/img]

Hola Daniel1203!!! Muchas gracias por responder. Bueno, puedo poner algo para que se vea bien en los dos explorer? :P

Amigo Lo Que Te Puedo Decir Es Que Como Vez, Tu Pagina Se Ve Mejor Con Internet Explorer, Tienes Que Buscarte Un Tutorial Css Pero Para FireFox
Y ASi Poner Tanto Las Etiquetas Para Internet Explorer, Como Las De Firefox.

Hola!!!! Bueno, el tutorial para css no se como se busca. Muchas gracias!!