我正在开发一个年度报告的网站，需要与主要的浏览器，如IE，FF和Safari至少兼容。我有一个与jquery效果的问题夫妇。
我已经添加了一个jquery幻灯片显示效果的页面，部分显示的主要内容div的几秒钟，然后它的动画，以揭示其余的内容。我已经测试了IE6，IE7和FF 3在WinXP上，它的工作正常。它也适用于MAC在FF3。
然而，该页面在Mac上的Safari 4.04中存在严重问题：整个动画div内容向右移动的幅度与内容的原始宽度差不多。我还注意到，如果我删除了与“溢出”相关的css代码，那么div最初会显示在正确的位置，但当然jquery幻灯片效果将无法正常工作，因为最初它需要使用“溢出”隐藏内容。此外，随着jquery动画的开始，div会再次移动。
下面是链接：http://www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html
是否有解决此问题的变通方法或解决方案？
另一个小问题是，在某些情况下，动画幻灯片效果不会打开并显示所有的内容。底部部分有时会过早地被剪切和裁剪，它发生在所有浏览器上，但不是所有的时间。我猜它有一个问题，正确计算内容div的正确高度。有没有什么方法可以强制执行正确的高度计算？