初めてCSSをデザインに取り入れたらレイアウトが崩れてしまいました・・。
dreamweaverMX2004を使用しているホームページ作成初心者です。
スクロールバーが付いているテキストボックス（更新画面用）の下に文字なり画像なりを入れると、なぜかだいぶん間が空いて表示されてしまいます。テキストボックスの高さを400くらいの大きな数字を指定すると間はなくなるのですが、どうしても高さ200～250くらいに指定したいんです…。
参考になるかも知れないので、コードを貼り付けておきます。
以前、教えてgooで同じような質問があって、そのときにどなたかが、
http://cssbug.at.infoseek.co.jp/detail/winie/b053.html
を紹介していたので、もしかしたらこの状態なんでしょうか？あるいは、決定的なミスをしているのでしょうか？
どなたかご存じの方、いらっしゃったら、どうぞお願いいたします。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<style type="text/css">
<!--
.style1 {
color: #000000;
font-size: 12px;
}
.style2 {font-size: 12px}
.style4 {color: #000099; font-weight: bold; }
-->
</style>
</head>
<body>
<style type="text/css"><!--
html, body { scrollbar-base-color: #D5D0F7; }
--></style>
<table width="800" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="279" height="357"> </td>
<td colspan="2" valign="top"><style type="text/css">
<!--
.memo {
width: 470px;
height: 220px;
overflow: auto;
}
-->
</style>
<div class="memo style1">
<p align="left" class="style1 style2"> </p>
<p align="left"><span class="style4">2008年1月4日更新</span><br>
あけましておめでとうございます。<br>
</p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2"> </p>
<p align="left" class="style1 style2">あけましておめでとうございます。<br>
</p>
</div></td>
</tr>
<tr>
<td height="43"></td>
<td width="248" valign="top">pppp</td>
<td width="273"> </td>
</tr>
</table>
<br>
</body>
</html>
