los pie no estan alineados

podrian ayudarme por favor. Los pie uno, dos y tres no me quedan alineados. adjunto la plantilla.html y el de estilos csscodi

PlANTILLA

</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

CODIGO CSS

#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu{background-color:yellow;with:150px;float:left;text-align:left;margin:3px 10px 3px 3px;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;padding-bottom:5px}
#menu li {list-style:none; margin:4px 8px 4px 6px}
#menu h1{text-decoration:none ; font-size:12px;background-image:url(objetos/menu-parte-superior.gif)}
#pie {background-color:white;border-left:black 1px solid;border-right:black 1px solid;
border-top:black 1px solid;height:65px;}
#curva-inferior{background-image:url(objetos/curva-inferior.gif);background-repeat:no-repeat;width:800px;height:12px;overflow:hidden}
a {color:brown;text-decoration:none;display:normal}
a:link {}
a:hover{color:red;text-decoration:underline;background-color:grey}
#pie {border-left:black 1px solid;
border-rigth:black 1px solid;
border-top:black 1px solid;height:65px;}
#pie li {list-style:none;font-size:14px}
#pieuno {float:left;width:150px;border-rigth:black1px solid}
#pie li {list-style:none;font-size:14px}
#piedos {float:left;width:498px;background-color:silver}
#pie li {list-style:none;font-size:12px}
#pietres{float:left;width:150px;border-left:black 1px solid}
#pie li {list-style:none;font-size:12px}
a.enlaceuno {}
a.enlaceuno:link {}
a.enlaceuno:visited{}
a.enlaceuno.hover{}
a.enlaceuno.active{}
#pie a {color:blue;text-decoration:none;display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover{color:black; text-decoration:underline;background-color: white}
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color:white}
#logotipo a:active {}

espero podais ayudarme, gracias

A simple vista no veo la etiqueta de cierre del pieuno </div>


Edito: No me fijé, pero sí está, lo que ocurre es que de esta forma tienes las capas piedos y pietres dentro de la capa pieuno y a su vez, todo ello dentro de pie. Creo que lo que buscas es separar las tres capas de pie. Cambia el cierre </div> antes de iniciar el piedos.

Cierto Cansino. Debería quedar algo así:

</div>
<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>