testo che esce fuori dal div

[noos]

ciao ragà, ho questo problema

ho un div che contiene del testo
questi sborda dal div contenitore se viene ingrandito il carattere tramite il browser
qualunque esso sia

posto il codice

HTML

<div id="box">
<div id="content">

dssaszdfsdafsdd
dssaszdfsdafsdd
dssaszdfsdafsdd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdmm
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsdd
ssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd

dssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd
dssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsddssaszdfsdafsd

</div>

<div id="footsx">
[img]../img/footsx.gif[/img]
</div>

<div id="footer">
[img]../img/alpha.gif[/img]
</div>

<div id="footdx">
[img]../img/footdx.gif[/img]
</div>

</div>

CSS

div#box{
width: 750px; 
margin: 0 auto;
border: 0px;
padding: 0px;
text-align:center;
}

div#content{
margin:0 auto;
padding:0px;
width: 100%;
background-color: #C0c0c0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:80%;
border:0px;
}

div#footsx{
margin:auto;
padding:0px;
border:0px;
width: 22px;
height:28px;
float:left;
}

div#footer{
background-color:#c0c0c0;
background-image: url(img/footer.gif);
background-repeat: repeat-x;
margin:auto;
padding:0px;
border:0px;
width: 706px;
height:28px;
float:left;
}

div#footdx{
margin:auto;
padding:0px;
border:0px;
width: 22px;
height:28px;
float:right;
}

avevo pensato di mettere 2 div affianco a quello che conterrà il testo come ho fatto per il footer
ma niente ugualmente il testo sborda

[Mich_]

Devi permettere ai blocchi di adeguarsi al contenuto. In pratica non puoi definire sia larghezza che altezza dei blocchi in px. Eventualmente puoi usare le dimensioni in em, oppure puoi lasciare qualche dimensione in auto (o non definirla).
In pratica un layout fisso/rigido non e` adatto a contenere testo: lo e` molto di piu` un layout fluido o liquido.
Tra i "link utili" ci sono vari esempi di layout, anche fluidi.