He visto tu diseño y tengo varias correcciones que hacerte en cuanto a CSS, como por ejemplo:
le diste altura a tu contenedor, algo que no es necesario, puesto que crece con su contenido:
height:602px; /*Eliminado*/
El la división pie tienes "margin:0 auto", puesto que tienes un contenedor, lo único que debes hacer es darle un padding a tu contenedor (esto en tu diseño), así te ahorras el margen en varias divisiones, además el pie es del 100% del ancho, no tienes necesidad de colocarlo -"width: 600px"- y por último tienes "float:bottom;", disculpame si no te gusta mi comentario, pero esto es un SACRILEGIO, o flotas a la derecha o a la izquierda o no flotas, debes leer un poco más acerca de los atributos, también puedes usar el validador de css del w3c.
Bueno y más adelante tienes varias divisiones flotantes, no es que esté mal hecho, pero te planteo una mejor manera de hacerlo:
Código:
body {
background-color:#666655;
font-family:arial,sans-serif;
}
#contenedor {
margin:0 auto;
border:1px inset black;
width:622px;
padding: 11px; /*padding de 11px así no tendrás que poner margen en varias divisiones*/
background-color:#226282;
}
#logo {
background-color:#999555;
padding:8px;
width:400px;
height:119px;
border:1px inset white;
float: left;
}
#barner {
margin-left: 429px;/*No flota pero tiene un margen a la izquierda, así crece el contenedor*/
/margin-left: 425px;/*No tuve tiempo de averguar porque IE tiene menos margen*/
padding:8px;
width:175px;
height:119px;
border:1px inset white;
background-color:#999555;
margin-bottom: 11px; /*para que el contenido y el menu tengan un margen*/
}
#menu {
color:white;
font-size:15px;
font-family:"comic sans ms",arial,sans-serif;
text-align:center;
background-color:#999555;
padding:8px;
float:left;
width:120px;
height:369px;
border:1px inset white;
}
#contenido {
overflow:auto;
color:#135;
padding:20px;
background-color:#999555;
margin-left: 5px; /*No hay float y así crece el contenedor*/
width:437px;
height:345px;
border:1px inset white;
}
.pie {
clear: both; /*Limpia su zona y no queda montado sobre ninguna división*/
margin-top: 11px; /*para que no se pegue al contenido y al menu*/
height:50px;
background-color:#999555;
border:1px double white;
}
a:link {
color:#000000;
text-decoration:none;
}
a:hover {
color:blue;
}
a:visited {/*habías escrito mal visited, te faltó la D*/
color:red;
}
No siendo más y esperando no incomodarte.
Saludos,
PD: se ve similar en mozilla, explorer y opera.