css - css、z-index、オーバーフロー、Facebook xfbml、Safari

Question

Facebookの「いいね」ボタンxfbmlダイアログを<div>サイトにオーバーレイしようとしていますが、z-indexとoverflow:visibleで何をしても、ダイアログは<div>Safari 5の上にレンダリングされず、エッジが隠されています。

ここにフィドルがあります：http://jsfiddle.net/Bs4aJ/

何か案は？ありがとう

Answer 1

overflow:hiddenオンはそれ#mainをクリッピングしています。フローティングされた子をラップoverflow:hiddenするために使用する代わりに、「clearfix」トリックを使用できます。#main

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