no consigo enviar la capa al botom

[nyarko]

tengo este esquema en al web:

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td class="sombra_izq">&nbsp;</td>
<td id="contenido">
<div id="cabecera">
</div>
<div id="barra_foot">
</div>
</td>
<td class="sombra_der">&nbsp;</td>
</tr>
</table>

y la capa barra_foot la quiero que se pegue en la parte inferior, la CSS es asi:

#contenido{
width:800px;
height:600px;
background-color:#FFFFFF;
}

#contenido barra_foot{
vertical-align:bottom;
}

#barra_foot{
background-color:#00FF00;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}

Muchas gracias por resolverme la duda

[mbavio]

He tratado de ayudarte, pero ya he llegado al punto donde no entiendo nada cuando veo tablas. Deberias pensar seriamente en mudar tus diseños a una maquetacion "tableless", o sin tablas. Es todo mucho mas facil asi.

De todas formas, hay otro modo de hacer lo que dices. Pones a la *uhh * celda con posicion relativa, y luego ubicas al foot con posicion absoluta y bottom: 0.

Saludos.