Acabo de terminar y te digo que no soy especialista en estas cosas y lo que he hecho no es la forma correcta, pero es todo lo que se me ha ocurrido.
Es una chapuza, pero es código válido y funciona:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
body{font-family:Arial, Helvetica, sans-serif;}
.table{width:600px;margin:auto;height:100px;font-size:12px;}
.title{background-color:#FFCC99;font-weight:bold;font-size:13px;margin-bottom:5px;padding:3px;}
</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Modelos - Industria Automotriz de Venezuela</title>
</head>
<body>
<!-- // Tabla grande -->
<div class="table">
<!-- // Primera columna -->
<div style="width:200px;float:left;"><div class="title">Modelos descontinuados</div><li>Modelo 1</li><li>Modelo 2</li></div>
<!-- // Segunda y tercera columna: se inserta un div que acapare las dos columnas siguientes -->
<div style="width:400px;margin-left:200px;">
<!-- // Segunda columna -->
<div style="width:200px;float:left;"><div class="title">Modelos actuales </div><li>Modelo 1</li><li>Modelo 2</li></div>
<!-- // Tercera columna -->
<div style="width:200px;margin-left:200px;"><div class="title">Posibles próximos modelos </div><li>Modelo 1</li><li>Modelo 2</li></div>
<!-- // Se cierra el div de las dos columnas -->
</div>
<!-- // Se cierra la tabla grande -->
</div>
</body>
</html>
En realidad, es en este tipo de casos donde sí hace falta una tabla. Una tabla de tres columnas con un
style="vertical-align:top;" en cada TD, y solucionado. Pero si quieres usar capas, échale un vistazo a lo que te ha dado Mbavio o usa lo que te he propuesto ; )
Saludos