Este es el ejemplo anterior con CSS
Código HTML:
<div style="width:100%;">
<div style="position: relative; float:left; background-color:#FFFF00; width:50%;">Esto seria la 1</div>
<div style="position: relative; float:left; background-color:#CCCCCC; width:50%;">Esto seria la 2</div>
</div> Es un ejemplo simple, que después editando los estilos puedes llegar a hacer cosas curiosas.
Te he actualizado el archivo de ejemplo para que lo veas.