php - この div を拡張して IE8 のコンテナからオーバーフローさせるにはどうすればよいですか?

Question

素敵な css3 ドロップダウン スクリプトを見つけましたが、最後に読んだのはまだ 10% の訪問であるため、ie8 ユーザーを放棄することはできません。だから、私はこれを試しました：

<div id="containerdiv" style="height: 35px; overflow: visible;" > 
<a href="#"><img src="images/1.jpg"></a>
<a href="#"><img src="images/2.jpg"
onmouseenter="document.getElementById('navdd1').style.display = ''"></a>
<div id="navdd1" 
   style="
          display: none; 
          margin-left: 100px; 
          background-image:url('images/blank_dropdown.jpg');
          line-height: 35px;
          width: 100px;"
   onmouseleave="document.getElementById('navdd1').style.display = 'none'">
  <a href="#">Link 1</a><br>
  <a href="#">Link 2</a><br>
</div>
</div>

mouseenter と mouseleave は私が望むことをしているようですが、隠されていない div はコンテナをオーバーフローさせるのではなく引き伸ばします。私は php を使用してブラウザーを検出し、IE < 9 を使用している場合にのみこれを表示します。皮肉なことに、このオーバーフロー部分は FF で必要なことを行いますが、もちろんマウスリーブは行いません。どうすればこれを機能させることができますか?