Problem bei Layout

[Malte Kiefer]

Hi,

ich habe folgendes Problem. Ich habe ein CSS Layout. Nur jetzt gibt es ein Problem, ich habe einen Inhalt Teil, mit einer bestimmten größe. Und ich will, wenn es zuviel text wird, ein Zeilen umbruch folgt.
Aber er macht es nicht richtig:

hier mein menu bereich:

  
 <div id="content" width="100%" height="100%" overflow="auto">  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
v  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
xdsfsdfjksadlfkjsadjflksjdf<br><br>  
  
</div>  
  
und hier der css code dafür:  
  
[code lang=css]  
#content {  
border:1px solid #efeff7;  
background-color:#efeff7;  
width:550px;  
height:600px;  
float:right;  
padding:0px 10px;  
}  

Könnt ihr mir helfen?
[/code]