Problema para alinear capas

[fiu]

creo que es mas sencillo si no creas el div central, mira esto, es mas o menos lo que pusieron pero sin el div central y con colorines pa que se vean :P

Código HTML:

<style>
#content { margin: 0 auto; width: 100%; height:100%; background-color:#F00; }
.left { float: left; height:100%; width: 200px; background-color:#0F0; }
.right { float: right; height:100%; width: 200px; background-color:#00F; }
</style>
<div id="content">
  <div class="left">Columna Izquierda</div>
  <div class="right">Columna Derecha</div>
</div>
 

si no te gusta que ocupe todo, ponle una altura menor.