Problema Diseño Web Chrome/Firefox

Hola amigos de El Otro Lado, estoy diseñando una web que ya está terminada pero tonto de mí, no me di cuenta de probarla antes de Firefox, ya que la visualicé siempre en Chrome, el caso es que hay un DIV que en Chrome cuadra perfectamente pero que en Firefox se desplaza hacia abajo y crea una imagen arriba, mejor que las palabras son las imágenes, aquí os dejo la diferencia de cada una:

CHROME

http://imageshack.com/a/img716/4708/n6n5.png

FIREFOX

http://imageshack.com/a/img23/4862/gbqd.png


Supongo que querréis ver el CSS de ese DIV, aquí lo tenéis:


#izquierda{
   
   /*Funciona FIREFOX
   position:absolute;
   top: -2px;
   width: 100%;
   height: 100%;
   left: 230px;
   float:left;
   */

   position:absolute;
   top: 95px;
   width: 100%;
   height: 100%;
   left: 230px;
   margin: 0px auto;
   float:left;   
}



Espero que podáis echarme un cable, llevo toda la noche liado a ver que le falla y será una tontería o pura ceguera de haber currado tanto pero no consigo dar con el dichoso error.

Si sabéis de alguna forma de utilizar los dos diseños pero que coja uno para cada navegador, estaría encantado de poder hacerlo.


Muchas gracias a todos de antemano.
0 respuestas