2 Listen nebeneinander mit Rahmen drumrum

[jüla]

Hallo,

ich möchte gerne zwei Listen nebeneinander haben und einen Rahmen drumrum. Dazu habe ich die Listen  wie folgt nebeneinander gesetzt:

  
#linkeListe {  
		list-style-type: none;  
		width:200px;  
		float:left;  
		background-color:#f00;  
	}  
  
#rechteListe {  
		list-style-type: none;  
		width:200px;  
		background-color:#0f0;  
		float:right;  
	}

Soweit so gut. Den Rahmen hat das umschließende div:

  
<div id="content">  
	<ul id="linkeListe">  
		<li>Book 1</li>  
		<li>Book 2</li>  
		<li>Book 3</li>  
	</ul>  
	<ul id="rechteListe">  
		<li>Book 4</li>  
		<li>Book 5</li>  
		<li>Book 6</li>  
	</ul>  
	<div style="float:none"></div>  
</div>

Da die Listen-Elemente eigentlich per php aus einer DB kommen, weiß ich nicht, wie hoch die Listen werden und kann daher die height des content-divs nicht setzen.

Gibt es eine Lösung dafür?

Danke,

jüla