Hola, gracias por responder. El código HTML sigue siendo el mismo, el css es el siguiente:
Código HTML:
* {margin: 0; padding: 0;}
body {background-image: url(backhead.jpg); background-position: top; background-repeat: repeat-x; background-color: #90b6fc; color: #666; font-family: Arial, Tahoma, Verdana; text-align: center; height: 100%;}
#container {width: 100%; height: 100%; margin: 0px auto; text-align: left; background: #000000;}
#header {width: 100%; height: 150px; float: left; margin-left: 25%; background: url(blulogo.png); background-repeat: no-repeat;}
#header a {width: 100%; height: 150px; display: block; text-decoration: none;}
#header a span {visibility: hidden;}
#menu {width: 100%; height: 25px; float: left; list-style: none; text-align: center; font-size: 20px; background-color: #93cbe8; border-top: 5px solid #90b6fc;}
#menu li {display: inline; margin: 0px;}
#menu li a {padding: 2px 12px; font-size: h3;}
#menu li a:hover {color: #b6edf7; background-color: #4466fb}
#main {width: 50%; min-height: 500px; float: left; margin-left: 25%; background: #f4faff; padding: 5px 5px 5px 5px; border-top: 5px solid #90b6fc; text-align: justify;}
#footer {width: 50%; float: left; margin-left: 25%; padding: 10px 0; background: #5d7391; color: #dadada; border-top: 10px solid #90b6fc; text-align: center;}
.img {border: none;} /*Bordes de las img*/
a:link, a:visited {text-decoration:none; color: #141484;}
a:hover {text-decoration:none; color: #1E82C8;}
a:active {text-decoration:none; color: #C11111;}
En cuanto a lo que sucede... el id "main" no queda como debe sino un poco más hacia fuera, aquí dejo una imágen donde en el recuadro rojo se ve el error:
Gracias!