Dynamisches 3-Spalten Layout

[jenslm]

Hallo,

ist sowas in der Art möglich:

<div id="aussen">
  <div id="left">inhalt
  </div>

<div id="right">inhalt
  </div
</div>

Ich möchte nun die Breite für die linke und rechte Spalte angeben.
Z.B. 20%. Die breite für die mittlere Spalte möchte ich allerdings nicht angeben. Da falls die linke oder rechte Spalte fehlt die mittlere sich auf diesen Platz ausbreiten soll.

<style>  
.outer  
{  
	background-color:#666;  
	overflow:hidden;  
	width:500px;  
}  
  
.left  
{  
	float:left;  
	background-color:#CC3;  
	width:20%;  
}  
  
.right  
{  
	float:right;  
	background-color:#F00;  
	width:20%;  
}  
  
  
</style>

Body:

<div class="outer">  
<div class="left">links</div>  
  
mitte  
  
<div class="right">rechts</div>  
</div>

leider wird das rechte div-ELement aber immer mit in die nächste Zeile verrückt.

Lg, Dennis