Hola, no desesperes estas intentando hacer una web de la forma a mi entender más difícil y tendrás que tener cuidado con muchas cosas.
Por ejemplo error básico entre navegadores:
Un contenedor 100% de ancho, dentro pones dos div, uno lo flotas a la izq. El otro a la derch, le das un 50% de ancho a los dos, bueno pues en IE6 y no se si en el 7 la de la derecha se te va a descuadrar por que para IE 50+50 no es 100 es 101 creo, por lo tanto para IE será una 50% y la otra 49.9999% y eso se ve igual en ff que en IE. Solución sacar una hoja de estilos para los IE y otra para los demás navegadores. Para esta prueba si la quieres hacer usa:
Código:
#container {
width:100%;
background: #006666 ;
}
#izquierda{
width:50%;
float:left;
background: #990000;
}
#derecha{
width:49.9999%;
float:right;
background-color: #00CCFF;
}
html>body #derecha {
width:50%;
float:right;
background-color: #00CCFF;
}