Safari for facebook-like box的CSS设计问题

我在网站上使用Facebook likebox，它在所有浏览器上都能很好地运行，甚至英文版在safari中也能正常运行，但阿拉伯语版的Facebook likebox显示在灰色框外，而它应该在里面。这仅在safari中发生，我使用的是safari 5.1.4。我不确定这是否是一个CSS问题，也不知道如何修复任何CSS属性，因为我试图更改一些属性，但没有成功

---

非常感谢您在这方面提供帮助

我不太确定是什么导致了它（因为iframe的容器确实有position:relative），但这似乎是由于iframe有position:absolute。从中删除该属性

.fb_iframe_widget iframe {
    /* position: absolute; */
}

---

似乎解决了这个问题（至少，它在Firefox和Safari中都能正确显示）。

我通过以下方式解决了这个问题：

当你按下“获取代码”键时，你有3个选择，第三个是最适合我们的问题，即IFRAME。将其复制/粘贴到项目后，添加位置：相对于样式属性

例如：

<iframe src="..." scrolling="no" frameborder="0" style="position:relative; 
border:none; overflow:hidden; width:240px; height:558px;" 
allowTransparency="true">
</iframe>

我无法覆盖该属性，就好像我将其保留在注释中一样。我所做的是在iframe的主包装器div标记之后添加“.fb_iframe_widget iframe{position relative；}”CSS，这样我就能够覆盖该属性。现在它在所有浏览器中都正确显示。谢谢你指出了这个问题。@KnowledgeSeek，我也有同样的问题，请你更清楚地说明你是如何解决的。我试图将.fb_iframe_小部件iframe{position relative；}放在我的样式表中，但仍然不起作用。如果需要，一些代码会很有帮助，提前谢谢。@Samidjo，我在阿拉伯语版本中遇到了这个问题，因为阿拉伯语有方向RTL。你有类似的问题吗。我只是想告诉你，我用Twitter取代了FB。如果我记得我在回答评论部分建议解决了这个问题。@KnowledgeSeeker，是的，我有完全相同的阿拉伯语问题。我读了你之前的评论，但我不明白包装器的问题的解决方案，请提供更多细节。