上下のマージンが0の見出し

テスト用のdiv要素
上下のマージンが0のフォーム
テスト用のdiv要素
上下のマージンが1emのテーブル
テスト用のdiv要素


このスタイルネットスケープナビゲーターに使うと、上下マージンがきちんとでません。IEは大丈夫ですよ。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>ナビゲーター4のマージンバグ</title>
<style type="text/css">
<!--
h1, form { margin-top: 0; margin-bottom: 0; }
table { margin-top: 1em; margin-bottom: 1em; }
div { background-color: #FAA; }

-->
</style>
</head>
<body>

<h1>上下のマージンが0の見出し</h1>
<div>テスト用のdiv要素</div>
<form>
上下のマージンが0のフォーム
<input type="text" name="param1">
</form>
<div>テスト用のdiv要素</div>
<table border="1">
<tr><td>上下のマージンが1emのテーブル</td></tr>
</table>
<div>テスト用のdiv要素</div>

</body>
</html>