IEのクラッシュバグ

<スタイル タイプ="text/css">
#ab{余白:0 25px;位置:相対;境界線:1px実線;
フォント:太字;テキスト装飾:なし;リストスタイル:なし;}
a:hover{display:block;color:#000;width:50px;}
#cd{表示:なし;}
a:ホバー #cd{
表示:ブロック;背景:#edecdc;
境界線:1px 実線 #f3f3f8;
パディング:10px 20px;色:#009933;
}
</スタイル>
<a href="" title="" id="ab">
ぜひこちらへ移動してみてください！
<span id="cd">プロンプト情報はこちら！</span>
<span id="cd">プロンプト情報はこちら！</span>
</a>
<a href="" title="" id="ab">
ぜひこちらへ移動してみてください！
<span id="cd">プロンプト情報はこちら！</span>
<span id="cd">プロンプト情報はこちら！</span>
</a>
<!--
1. IE6はa:hover効果のみをサポートしているため、メニューは<a></a>で囲む必要があります。
2. a:hover して display:block: を開きます。
3. セレクターは互いに関連している必要があります。例: a#cd:hover span{}
4. テーブルを使用する
-->