ie6.0で、余分なmargin-bottom(padding-bottom)が表示される
ieのバージョンのちがいで、表示が異なってしまいます。たとえば、ホームページのタイトル画像を、table要素とimg要素で表示させたとき、ie6.0では、余分なmargin-bottom(padding-bottom?)が付加されます。どうやれば、統一できるのでしょうか？
（参考のために、レンダリングの見本を画像で添付しておきました。）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "?http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="?http://www.w3.org/1999/xhtml"? lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="ダイエット" />
<meta name="description" content="ダイエット効果の高いサプリメントやダイエット食品を紹介。また、豆乳ダイエットやキャベツダイエット、
プロティインダイエットなどの簡単にやれて成功率の高いダイエット法なども紹介しています。" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link rel="INDEX" href="./index.html" />
<link rel="stylesheet" href="./base.css" type="text/css" media="all" />
<link rev="MADE" href="mailto:aaa@yahoo.co.jp" />
<title>美容ダイエットグッズランキング・総合トップ10/Team-10kg—1年で-10kgのダイエットを</title>
</head>
<body style="background-color:#000000;">
<table style="width:100%; background-color:#c0c0c0;" cellspacing="0" cellpadding="0">
<tr style="background-color:#ffff00; margin-bottom:0; padding-bottom:0;">
<td style="background-color:#ffff00; margin-bottom:0; padding-bottom:0;">
<a href="./index.html"><img style="vartical-align:middle; border-style:none; margin-bottom:0; padding-bottom:0;" src="./img/title.jpg" alt="Team-10kg" width="192" height="50"></a>
</td>
-------------------------------------------------------------------
@charset "utf-8";
*{
margin: 0;
padding: 0;
}
table{
width:800px;
color:#ffff00;
background-color:#000000;
}
table,tr,td {
margin: 0;
padding: 0;
}
</tr>
</table>
</body>
</html>
