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