posicionamiento de Capas con CSS, Ayuda!!!

[walvaRo]

La estructura de mi web es esta:

<div id="todo">

<div id="header">
</div>

<div id="lista_izquierda">
<ul>
<li>
<div class="caja">
Hola
</div>
</li>
<li>
<div class="caja">
¿Que tal?
</div>
</li>
</ul>
</div>

<div id="contenido">
<div class="caja">
Contenido...
</div>
</div>

<div id="pie">
<div class="cajapie">
[email protected]
</div>
</div>

</div>

Y estos son los estilos CSS:

#todo{
background-color:transparent;
height:auto;
width:100%;
}
#header{
heigth:150px;
clear:both;
}
#lista_izquierda{
background-color:transparent;
margin-top:180px;
margin-left:40px;
width:150px;
height:auto;
}
.caja {
background-color:transparent;
background-image:url(../img/fondolineas01.png);
background-repeat:repeat;
background-position:top left;
border-left:0px solid;
border-top:0px solid;
border-right:1px solid;
border-bottom:1px solid;
border-color:#000b2b;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:5px;
}
#contenido{
background-color:transparent;
margin-top:180px;
margin-left:200px;
width:400px;
height:auto;
}
#pie{
background-color:transparent;
height:auto;
width:100%;
bottom:0px;
margin-top:100px;
}
.cajapie {
background-color:transparent;
background-image:url(../img/fondocuadros01.png);
background-repeat:repeat;
background-position:top left;
padding-left:10%;
padding-right:50%;
padding-top:10%;
padding-bottom:20%;
}

¿Por que mi pie no se desplaza según crezca o disminuya la altura del contenido, guardando siempre ese margen, esa distancia por arriba de 100px?