Positionierung von Divs

[Phenix]

Hey @ll,

ich arbeite mich gerade etwas in Css ein, dabei habe ich folgendes Problem:

Ich habe eine Css-Datei geschrieben und eingebunden. Ich hätte gerne, dass es einen äußeren "Kasten" (general) gibt, in dem links ein "Kasten" Menü ist und der rechte daneben das eigentliche Inhalt. Wenn ich allerdings die Html-Datei ausfüre, setzt der Browser die divs untereinander, anstatt nebeneinander. Wie kann ich das erzwingen, sodass aber der äußere div "mitwächst", wenn der Inhalt wächst?

Vielen Dank schonmal.

  
.general  
{  
	position:absolute;  
	top:1%;  
	left:1%;  
	border-width:1px;  
	border-color:#a5a3a6;  
	border-style:solid;  
	-moz-border-radius:10px;  
	padding:1%;  
	width:80%;  
}  
  
.menu  
{  
	background-color:#faf2fd;  
	border-width:inherit;	  
	border-color:inherit;  
	border-style:inherit;  
	-moz-border-radius:inherit;  
	width:15%;  
	padding:inherit;  
}  
  
.content  
{  
	background-color:#faf2fd;  
	border-width:inherit;	  
	border-color:inherit;  
	border-style:inherit;  
	-moz-border-radius:inherit;  
	width:75%;  
	padding:inherit;  
}  

Die Seite:

  
<div class="general">  
<div class="menu">  
 <font>  
  ab<br>  
  ab<br>  
  ab<br>  
 </font>  
</div>  
<div class="content">  
 <font>  
  inhalt  
 </font>  
</div>  
</div>