prueba esto, que me funcionó pero el problemín es que debes indicarle los altos a cada DIV, o al menos al de la DIV contenedora: siempre debe ser igual o mayor al valor del mayor alto de las capas interiores, o sea que si la capa que contiene la "Lista 2" tiene unos 200px de alto, la capa contenedora no puede tener 100px, pues harías que el texto que viene a continuación de las capas se superponga sobre ellas X_x... medio enredo
... por qué no ocupas tablas no más????
:
Código HTML:
<div>
<p>
mucho texto en esta parte...
<p>
<div layer style="position:relative; height: 100px">
<div layer style="position: absolute; left: 0px; top: 0px; height: 100px">
<ul>Lista 1
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
</ul>
</div>
<div layer style="position: absolute; left: 100px; top: 0px; height: 100px">
<ul> Lista 2
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
<div layer style="position: absolute; left: 200px; top: 0px; height: 100px">
<ul>Lista 3
<li>Item x</li>
<li>Item y</li>
<li>Item z</li>
</ul>
</div>
</div>
el resto de mucho texto acá...
</div>