Bueno me tome el tiempo de ordenar la css y quedo todo perfecto!!!
En FF y en IE se ve la pagina casi igual varia muy poco la posición de los divs.
Ahoraaaaaa el único problema que tengo es que en FF se me ve el margen de arriba y no se como sacarlo, y el otro problema que tengo es que la ultima parte de la pagina donde pongo Designed by ..., lo puse en posición absoluta porque sino se me hacia el margen abajo, y al cambiar la pagina de resolución no queda centrado.
El codigo HTML es el mismo de arriba no cambie nada y la css me quedo asi, pero no se en que parte sacar el margen de arriba y hacer que la parte de abajo se centre cuando cambio la resolucion.
CSS
Código:
body {height: 100%;
width: 100%;
background-color:#d3511f;
min-width:975px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF
}
#cabecera, #contenido, #menu, #pie, #buscador{
height:auto;
position:relative;
}
#cabecera, #contenido {
float:right
}
#contenedor {
background-image:url(imagenes/fondogrande.JPG);
height:920px;
width:975px ;
margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;
position:relative
}
#cabecera {
width: 548px;
top:20px;
margin-right:45px
}
#contenido {
width: 612px;
font-size: 20px;
text-align:justify;
top:50px;
margin-right:20px
}
#menu {
font-size:35px;
width: 300px;
top:450px;
left:20px
}
#buscador {
width:200px;
font-size:10px;
left:20px;
top:30px
}
#pie {
width: 934px;
top:475px;
left:25px
}
.piepag {
list-style:none;
float:left;
margin-left:50px;
margin-right:50px;
font-size: 15px;
}
#diseño {
font-size: 8px;
position:absolute;
left: 407px;
top: 908px;
margin:auto
}
a:link {text-decoration:none;font-weight: normal;color:#FFF}
a:visited {text-decoration:none;font-weight: normail;color:#FFF}
a:hover {text-decoration:none;font-weight: normal;color:#000;}