praticamente ho creato una div con width: 450px , height: 300px e overflow: auto però il problema è che l' overflow non appare verticalmente, cioè la riga va a capo e la barra di scorrimento appare verticale, ma appare orizzontale.. Questi sono i codici:

CSS:

codice:
body {
background-image: url(img/bg.jpg);
}

.top{
background-image: url(img/top.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
}

.center{
background-image: url(img/center.png);
width: 638px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.bottom{
background-image: url(img/bottom.png);
width: 638px;
height: 11px;
margin-left: auto;
margin-right: auto;
}

.testo{
width: 450px;
height: 300px;
overflow: auto;
}
HTML:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Rap Template</title>
<link href="css.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="banner"></div>
<div class="top"></div>
<div class="center"><table><tr><td>
<div class="testo">
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div></td><td>
[img]img/images.png[/img]</td></tr></table>
</div>
<div class="bottom"></div>
</body>
</html>
Qua potete vedere come viene: http://habbinto.altervista.org/rap/index.html

COme risolvo?