¿Contenido descuadrado?

Hola, soy un novato tengo 13 años justos y me gusta mucho la programación. ¿Me podeis resolver un pequeño problema?
Mirad justamente en el punto cuatro de la guia "paso a paso" el contenido y la barra de navegación no encajan con el pie de pagina y el titulo de la web que estan con el marco redondo.
Os dejo los scripts de la hoja de estilos navegación y contenido oki?

#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
MUCHAS GRACIAS

No nos podrias poner los codigos de la plantilla.html tambien :wink: ?

Gracias

aqui estan: </div>
<div id="navegacion">
<ul>
<h1>Título de Sección 1</h1>

<a href="#">Sección 1

<a href="#">Sección 2

<a href="#">Sección 3

<a href="#">Sección 4

</div>
<div id="contenido">
<div id="menu">
<ul>

Enlace 1

Enlace 2

Enlace 3
</div>


<h2>Esta sera la zona principal de la web.</h2>
(Aki hay todo lo k pones en el tuto)</p>
<div id="pie">Este es el pié de página</div>

Hola

A que te refieres con que no encajan????

La parte redonda es mas pequeña que el contenido que sobresale y ya has visto lo que he puesto mas arriba no se que debo modificar.
GRACIAS POR TU INTERÉS

Ya me va bien volvi a comenzar de nuevo, bueno dejo el tema cerrado xD ya lo podeis eliminar
GRACIAS de todos modos