Problema en lección cuarta

Todo bien hasta el tema "Bordes para separar las tres capas". Al llegar al tema "Como colocar los enlaces del pie" e insertar en la plantilla los códigos que se indican en "pieuno" y "pietres" y hacer vista previa, he visto que los bordes de la curva inferior no enlazan con las líneas laterales (verlo en la red en "tuniscctw.myartsonline.com/plantilla.html).
Ruego me indiqueis como solucionarlo.
Los códigos de la plantilla y la hoja de estilo-general.css que he insertado son los siguientes:

Plantilla:

<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 id="curva-inferior"></div>
</div>

Hoja de estilo-grnrtal.css:

#pie {background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ; }
#pieuno { float:left ; width:150px }
#piedos { float:left ; width:498px ; background-color: silver}
#pietres { float:left ; width:150px }


#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: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

Muchas gracias

SALUDOS.

Tunis escribió:Todo bien hasta el tema "Bordes para separar las tres capas". Al llegar al tema "Como colocar los enlaces del pie" e insertar en la plantilla los códigos que se indican en "pieuno" y "pietres" y hacer vista previa, he visto que los bordes de la curva inferior no enlazan con las líneas laterales (verlo en la red en "tuniscctw.myartsonline.com/plantilla.html).
Ruego me indiqueis como solucionarlo.
Los códigos de la plantilla y la hoja de estilo-general.css que he insertado son los siguientes:

Plantilla:

<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 id="curva-inferior"></div>
</div>

Hoja de estilo-grnrtal.css:

#pie {background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 65px ; }
#pieuno { float:left ; width:150px }
#piedos { float:left ; width:498px ; background-color: silver}
#pietres { float:left ; width:150px }


#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: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

Muchas gracias

SALUDOS.

Hola:
debiera de ponernos todos los códigos de su hoja de estilo-general y los de su plantilla, porque puede que el problema venga de más arriba, como por ejemplo ponerle a la capa contenido en vez de width:800px un width;auto;

O que deba poner este código en la hoja de estilo-general, debajo de donde tiene la capa pie{etc. etc. etc.}: pie li{list-style:none;} para que los enlaces que vayan dentro de la capa pie no tengan esos puntos a la izquierda.
O si lo desea, poner solo li{list-style:none] por la parte de arriba de la hoja de estilo más o menos antes de donde dice body{etc. etc. etc.} así todos los enlaces de la página que sean una lista, no tendrán ese punto a la izquierda

Pero pónganos todos los códigos

Saludos

en cuanto le pongas la altura a la capa pie #pie {... heigth 65px} se te
soluciona, tambien deberias hacer lo que han comentado en el apartado anterior de quitar los puntos de las listas.