css，z-index，溢出，Facebook的xfbml和Safari

Question

我試圖讓Facebook的「贊」按鈕xfbml對話覆蓋<div>在一個網站，但無論我怎麼用z-index和溢出：可見，對話將不會被渲染到Safari 5中的<div>以上並且邊緣被隱藏。

這裏有一個小提琴：http://jsfiddle.net/Bs4aJ/

任何想法？謝謝

Answer 1

overflow:hidden在#main正在剪報它。您可以使用「clearfix」把戲，而不是使用overflow:hidden使#main包裹它的浮動孩子：

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