No me detuve a revisar mucho el codigo por falta de tiempo, pero normalmente las simulacion de tablas con css se crea con listas:
Una ayuda, utiliza 960 framework...puedes aprender mucho de su implementacion.
Código:
<Body>
<head>
<style>
UL.col3
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 15px 0px;
WIDTH: 100%;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
UL.col3 LI
{
PADDING-RIGHT: 2px;
DISPLAY: inline;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 30%;
PADDING-TOP: 2px
}
</style>
</head>
<ul class="col3">
<li>Lo que sea</li>
<li>Segunda opcion</li>
<li>Tercera cosa</li>
<li>Otra cosa, que aparecerá en la primera columna</li>
<li>Otra cosa para la segunda columna</li>
<li>Y esto para la tercera columna</li>
</ul>
</Body>
Tambien esta l uso de este codigo en el div contenedor.
Saludos,