Un bonito truco para una solución que funciona en todos los navegadores que he probado (IE6 y 7, FF2 y 3, Opera 9.50 y Safari Win 3.1, Konkeror).
Cita: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
div.central {width:295px;border-left: solid 160px #f00;border-right: solid 145px #0ff;background:#E5E5E5;position: relative;}
div.izquierda {width:160px;float:left;margin-left: -160px;position: relative;}
div.centro {float:left;}
div.derecha {width:145px;float:right;margin-right:-145px;position: relative;}
.corte {clear: both;}
</style>
<!--[if IE]><style>div.central {width: 600px;}</style><![endif]-->
</head>
<body>
<div class="central">
<div class="izquierda">
IZQUIERDA<br>
IZQUIERDA<br>
IZQUIERDA<br>
</div>
<div class="centro">
CENTRO<br>
CENTRO<br>
CENTRO<br>
CENTRO<br>
CENTRO<br>
CENTRO<br>
CENTRO<br>
CENTRO<br>
</div>
<div class="derecha">
DERECHA<br>
DERECHA<br>
DERECHA<br>
DERECHA<br>
</div>
<div class="corte"></div>
</div>
</body>
</html>
Mikel.