div 自动换行问题

我以前没有做过网页，请教大家一个问题
我想写个div能够自动换行，且文字多的时候，右侧能够出现滚动条，自己在网上查了一下，写了一个样式，可就是不对啊，那儿错了，帮我看一下
<STYLE type="text/css">A:link { COLOR: red; TEXT-DECORATION: none }
Div{
height:150px;width:80px;
word-break:break-all; dispaly: block;
FONT-SIZE: 10px; OVERFLOW-Y: scroll; OVERFLOW-X:hidden; DIRECTION: ltr;border: 1px solid red;
scrollbar-3dlight-color:red;scrollbar-base-color:bule;
}

.ScorllBody{
scrollbar-face-color:#C0C0C0;（表面）
scrollbar-highlight-color:#FFFFFF;（亮边）
scrollbar-3dlight-color:#C0C0C0;（3D亮边）
scrollbar-darkshadow-color:#000000; （3D暗边）
scrollbar-Shadow-color:#808080;（阴影
scrollbar-arrow-color:#000000;（箭头）
scrollbar-track-color:#E0E0E0;（滚动区）
}
</STYLE>


<TD noWrap align="center">
<Div id=MyDiv class=ScorllBody
>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div> </TD>

显示效果如下：