Box che si allarga, come evitarlo?

[a.desantis]

Ho questo:

#content{
margin-left: 10px;
width: 290px;
height: 333px;
border: thin solid #0000FF;
}
#news{
position: relative;
top: 250px;}

E questo Html:

<div id="content">
ciaociaociaociaociaociaociaociaociaociaociaociaoci aociaociaociaociaociaociaociao
<div id="news">
Last update

</div></div>

Come faccio ad evitare che il testo inserito nel <div id="content"> causi l'allargamento a destra del box , anziche' distribuirsi su piu' linee?
Eppure ho dato una width fissa.
Mi sa che mi sfugge qualcosa.
Devo impostare il #content come position: absolute; ?
Grazie
ANto

[fcaldera]

#content{
margin-left: 10px;
width: 290px;
height: 333px;
border: thin solid #0000FF;
overflow: auto;
}

questo genera delle barre di scorrimento quando servono (ed evita al tuo box di allargarsi)

[a.desantis]

Originariamente inviato da fcaldera
#content{
margin-left: 10px;
width: 290px;
height: 333px;
border: thin solid #0000FF;
overflow: auto;
}

questo genera delle barre di scorrimento quando servono (ed evita al tuo box di allargarsi)

Grazie
Volevo evitare la presenza delle barre pero' ( avevo gia' provato il tuo suggerimento)
L'unica cosa e' andare a capo quando serve mi sa, vero'
ANto

[fcaldera]

una soluzione alternativa consiste nell'uso del tag <wbr> che però è disapprovato dal w3c

http://www.quirksmode.org/oddsandends/wbr.html

[a.desantis]

Originariamente inviato da fcaldera
una soluzione alternativa consiste nell'uso del tag <wbr> che però è disapprovato dal w3c

http://www.quirksmode.org/oddsandends/wbr.html

Ok, faro' attenzione nell'inserimento del testo, vorrei che il sito fosse conforme alle specifiche.
Grazie mille
Antonio