IE7、ホバリングdivsはマウスの境界にのみ反応します

Question

私はdivをオーバーレイするためにjQuery UIを使用しています。 HTMLは次のようになります。私は1ピクセルの境界線の上に直接、私のマウスポインタを置くと

<div id="s7Wrapper" style="position: relative; width: 722px; height: 500px; text-align: center; margin-left: 39px; overflow-x: hidden; overflow-y: hidden; pointer-events: auto; "> 
      <div id="center"> 
       <img class="s7urlloading" src="3.gif" style="position: absolute; width: 32px; height: 32px; z-index: 4000; margin-left: 344.94701910014567px; margin-top: 233.99999999999997px; display: none; "> 
       <img class="s7url" src="'http://google.com" style="left: 0px; top: 0px; height: 499.99999999999994px; width: 721.8940382002913px; "> 
      <div id="tooltip" class="text_7 ui-draggable" style="position: absolute; width: 247px; height: 53px; left: 20px; top: 403px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial; "></div> 
<div id="tooltip" class="text_6 ui-draggable" style="position: absolute; width: 246px; height: 33px; left: 22px; top: 353px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial; "></div> 
<div id="tooltip" class="text_5 ui-draggable" style="position: absolute; width: 248px; height: 51px; left: 20px; top: 291px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dotted; border-right-style: dotted; border-bottom-style: dotted; border-left-style: dotted; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial; "></div> 
</div> 
</div> 
</div> 

これらのUI-ドラッグのdivはマウスオーバーに反応します。これはIEでのみ発生します。

Answer 1

この問題は、1x1透明100％幅x 100％高さのpngをdivに追加することで解決しました。明らかにIEは、divの中に何らかのコンテンツがない場合、divをホバリング可能な要素として認識しません。