div nur so breit wie nötig

[Apropos]

Hi,

ich würde sagen, das Ganze hat nur eine Chance zu funktionieren, wenn die beiden Textblöcke eine prozentuale Breite haben. Bei dem HTML-Code

<div id="content">  
 <div class="column" id="left">Hier ist ein kurzer Text mit insgesamt 3 Zeilen Platzbedarf. Hier ist ein kurzer Text mit insgesamt 3 Zeilen Platzbedarf.</div>  
 <div class="column" id="right">Hier ist ein etwas längerer Text, der im Normalfall ebenfalls nur insgesamt 3 Zeilen Platz braucht. Hier ist ein etwas längerer Text, der im Normalfall ebenfalls nur insgesamt 3 Zeilen Platz braucht.</div>  
</div>

würde ich dann zwei Möglichkeiten sehen:

1. Mit float:

#content {  
 height: 0px;  
 height: 25px;  
 width: 70%;  
 max-width: 70%;  
 background: blue;  
 margin: auto;  
 }  
  
.column {  
 height: auto;  
 width: auto;  
 background: red;  
 }  
  
#left {  
 width: 32.5%;  
 margin-left: 5%;  
 float: left;  
 }  
  
#right {  
 width: 52.5%;  
 margin-right: 5%;  
 float: right;  
 }

2. Mit position:absolute :

#content {  
 position: relative;  
 top: 0px;  
 left: 0px;  
 height: 0px;  
 height: 25px;  
 width: 70%;  
 max-width: 70%;  
 background: blue;  
 margin: auto;  
 }  
  
.column {  
 position: absolute;  
 top: 0px;  
 height: auto;  
 width: auto;  
 background: red;  
 }  
  
#left {  
 left: 5%;  
 width: 32.5%;  
 }  
  
#right {  
 right: 5%;  
 width: 52.5%;  
 }

Hab beide erfolgreich in IE7 und FF3 getestet.

Gruß, Apropos