CSS、Z-インデックス、オーバーフロー、Facebook xfbmlとSafari

Question

Facebookの "好きな"ボタンxfbmlダイアログで、<div>をオーバーレイするようにしようとしていますが、Z-インデックスとオーバーフローで何をするにしても、表示されている場合、対話はSafari 5の<div>の上に表示されず、エッジが非表示になります。 http://jsfiddle.net/Bs4aJ/

任意のアイデア：

ここでフィドルですか？ありがとう

Answer 1

overflow:hiddenを#mainでクリッピングしています。

#main:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    zoom: 1; 
}