HTMLコーディング（onMouseOver,onMouseOut）

HTMLコーディング（onMouseOver,onMouseOut）

ＨＴＭＬコーディングで質問します。
やりたいこと：下記コードのように、<div></div>の間について、onMouseOver,onMouseOutにより、枠線を表示、非表示にする。
理由：下記コードの場合、<div></div>がない場合、「1. Hxxxx」にリンクが張られているが、呼び出されるPDFファイルの内容は、(1) Cxxxx、(2) Sxxxxを含んでいることを明確にしたい。
テスト結果：FireFoxでは狙い通りになるが、IEでは動作しない。また、DreamWeaverではエラー（HTML4.0）となります。

<div onmouseover="this.style.border='1px solid black'; this.style.padding='0px 0px 0px 0px';" onmouseout="this.style.border='0px'; this.style.padding='1px 1px 1px 1px';">
<ul>
<li><a href="pdf/3.pdf">1. Hxxxx</a>
<ul>
<li>(1) Cxxxx</li>
<li>(2) Sxxxx</li>
</ul>
</li>
</ul></div>

投稿日時 - 2008-07-07 14:57:38