Problema pie pagina web - bordes laterales no se ven

He realizado el curso de hacer pagina web y me he realizado una que aún tengo que finalizar, pero tengo problema con ella.
Resulta que el pie de página, tal como lo he puesto, según lo que entiendo por el curso, en la plantilla lo veo bien pero al subirlo y abrirlo con internet explore se me ve mal. No se ven los margenes de izquierda y derecha. Pero en la plantilla lo veo bien.

Te copio aquí como lo tengo puesto y en verdad se ve bien por el programa HTML-Kit pero despues en la web (www.esturegalo.es) se me ve mal.

<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul><li><a href="#">Contacto</a></li></ul>
</div>
<div id="piedos">[correo eliminado]</div>
<div id="pietres">
<ul><li><a href="#">Mapa</a></li></ul>
</div>
</div>
<!-- FIN CODIGO PIE DE PAGINA -->
<div id="curva-inferior"></div>
</div>

</body>
</html>

Y el estilo-general.css
* {text-indent:0px; margin:0px; padding:0px; border:0px;}
p {text-align:justify;}
h1 {font-size:1.5em; color:black; font-weight:bold; text-decoration:none; text-align:center;}
h2 {font.size:1.1em; color:#CD2626; font-weight:bold; text-decoration:none; text-align:center;}
h3 {font-size:1.2em; color:black; font-weight:bold; text-decoration:underline; text-align:center;}
body {text-align:center;}
#global {width:800px; margin:4px auto;}
#curva-superior {background-image:url(objetos/curva-superior.gif); background-repeat:no-repeat; width:800px; height: 12px; overflow:hidden;}
#cabecera {background-color:white; border-left:black 1px solid; border-right:black 1px solid; height:85px;}
#logotipo {width:250px; float:left; margin-top:1px; border-left:white 10px solid;}
#publicidad {width:518px; float:right; margin-top:1px;}
#navegacion {background-color:red;border: black 1px solid;height:30px;}
#navegacion li {float:left;list-style:none;margin: 4px 17px 0px 17px;}
#navegacion ul {margin-left: 15px;}
#contenido {background-color:#FFF5EE; width:798px; float:left; border-left:black 1px solid; border-right:black 1px solid;}
#contenido p {padding:5px 10px 5px 10px; text-indent:15px;}
#menu {background-color: white; width: 155px; float:left; text-align:left; margin: 6px 10px 6px 10px; padding-bottom:5px;}
#menu li {list-style:none; margin:4px 8px 4px 6px;}
#menu h3 {text-decoration:none ; font-size:20px ; padding-top:5px;}
#pie {border-left:black 1px solid; border-right:black 1px solid; border-top:black 1px solid; height:20px;}
#pie li {list-style:none; font-size:12px;}
#pieuno {float:left; width:150px}
#piedos {float:left; width:498px}
#pietres {float:left; width:150px}
#pie a {color: black; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:silver ; text-decoration:underline ; background-color: white}
#pie a:active {color:black}
#curva-inferior {background-image:url(objetos/curva-inferior.gif); background-repeat: no-repeat; width:800px; height:12px; overflow:hidden;}
a {color:black; font-size:1.0em; text-decoration:none; display:block;}
a:link {}
a:visited {}
a:hover {background-color: grey;}
a:active {}


Por favor, necesito ayuda. Ya la solicitado en varias ocaciones pero no he conseguido respuesta.

Podrias agregarle el borde izquierdo a la capa pieuno y el derecho a la capa pietres

hola

hay van los errores...
en css mira cuanto mide el div logotipo.... y en html mira cuanto mide la imagen, verás como se desborda, tambien toma en cuenta el borde blanco de 10px que le has puesto

y tambien en css, quitale el ancho y el float que le pusiste a contenido

con eso creo que se soluciona todo

saludos