Posicionamiento de dos capas

[vicgar20]

Tengo una capa en el lateral izquierodo que quiero que contenga a otras dos. La primera de esas dos irá arriba, es decir con un top:0px; y la segunda debajo de esta con una separaciónn de 100 px entre ambas.

Como puedo hacer esto? Lo he probado de muchas formas pero la altura de la capa contenedora nunca es la correcta. La segunda capa, la que va debajo, siempre se sale.

Aquí va lo último que he probado

<div id="cLateral">
<div id="cZonas">
<table>
<tr>
<td>*<td>zonas
</tr>
<tr>
<td>*<td>Registro de cuenta bancária
</tr>
<tr>
<td>*<td>Visualizar los datos bancarios
</tr>
<tr>
<td>*<td>Alta proveedores
</tr>
</table>
</div>

<div id="cIconos">
<table border=1>
<tr>
<td>*<td>Iconos
</tr>
<tr>
<td>*<td>Registro de cuenta bancária
</tr>
<tr>
<td>*<td>Visualizar datos bancarios
</tr>
<tr>
<td>*<td>Alta proveedores
</tr>
</table>
</div>


</div>

Y aquí el CSS que le aplico:

#cLateral{
position:absolute;
left:0px;
top:60px;
width:200px;
height:auto;
background-color:#FFFFCC;
border-style:solid;
border-width:1px;
}
#cZonas{
position:relative;
top:0px;
left:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
#cIconos{
position:relative;
top:100px;
left:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

[alexblue]

Hola vicgar20

Yo he probado con este código y creo que es lo que buscas:

Código:

#cLateral{
    position:absolute;
    left:0px;
    top:60px;
    width:200px;
    background-color:#FFFFCC;
    border-style:solid;
    border-width:1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}
#cZonas{
    margin-bottom:100px;
}

He simplificado un poco los estilos como puedes comprobar.

Por otra parte, ¿has considerado el uso de <ul> en lugar de tablas para mostrar listas?

Saludos y espero que sea la solución que buscabas.

[vicgar20]

Muchas gracias Alex. Me ha ssido de gran ayuda. Tu solución me sirve a la perfección. No obstante creo que lo ideal sería encontrar la form de que la capa contenedora se ajustara al tamaño de los elementos que contiene, pero no sólo a eso sinó también a la posición de estos.

Nuevamente gracias.