Mano, si fuese posible que hicieses algun dibujo aunque sea en paint para ilustrar mejor lo que deseas conseguir...
En lo personal no me quedo claro cuantas capas deseas crear.
Si solo es la parte de opcion 1 y 2, entonces seria algo asi:
Markup:
Código:
<div id="container">
<div class="option">
...contenido...
</div>
<div class="option last">
...contenido...
</div>
<div class="clear"><span></span></div>
</div>
CSS:
Código:
#container {
width: 420px;
}
#container option {
float: left;
margin-right: 20px;
width: 200px;
}
#container .last {
margin-right: 0px;
}
#container .clear {
clear: both;
}
(Aunque aqui habria que tomar en cuenta el bendito bug del Box Model en IE.)
Bueno, en si, hay muchas maneras de hacer algo. Tambien podrias flotar el un div a la izquierda y otro a la derecha, etc.
Tal vez entendi mal lo que deseas conseguir...