Jquery动画溢出元素在Safari中移位

Question

我正在开发一个年度报告网站，至少需要与IE，FF和Safari等主流浏览器兼容。我对jquery效果有几个问题。

我在页面中添加了一个jquery幻灯片显示效果，该页面部分显示主要内容div几秒钟，然后动画显示其余内容。我在WinXP上的IE6，IE7和FF 3上进行了测试，它运行正常。它也适用于FF3中的MAC。

然而，该页面在MAC 4.0上的Safari 4.04中存在严重问题：整个动画div内容向内移动到与内容的原始宽度相同的最大值。我还注意到，如果我删除了“溢出”相关的css代码，那么div最初会显示在正确的位置，但当然jquery幻灯片效果将无法正常工作，因为最初它需要使用“overflow”隐藏内容。当jquery动画开始时，div也会再次移动。

以下是链接：http://www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html

此问题是否有解决方法或解决方案？

另一个小问题是动画幻灯片效果在某些情况下不会打开并一直显示内容。底部有时会过早剪裁和裁剪，它会在所有浏览器上发生，但不会一直发生。我想它有一个问题，正确计算内容div的正确高度。有没有办法强制执行正确的高度计算？

Answer 1

当我将clear:left;添加到 id =“mainContent”元素的样式时，它会更正它。