Safari中的jQuery動畫溢出元素移位

Question

我正在開發一個年度報告站點，它至少需要與主要瀏覽器（如IE，FF和Safari）兼容。我有幾個關於jQuery效果的問題。

我已經添加了一個jQuery幻燈片顯示效果的頁面，部分顯示主要內容div幾秒鐘然後它動畫顯示其餘的內容。我已經在WinXP上的IE6，IE7和FF 3上進行了測試，並且工作正常。它也適用於FF3中的MAC。

但是，該頁面在MAC地址爲Safari 4.04中存在一個嚴重問題：整個動畫div內容會隨着內容的原始寬度向最右端移動。我也注意到，如果我刪除了「溢出」相關的CSS代碼，那麼div將顯示在正確的位置最初，但當然，jQuery的幻燈片效果將無法正常工作，因爲最初它需要使用「溢出」隱藏內容。此外，div會隨着jquery動畫開始而再次移動。

這裏是鏈接：http://www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html

有任何解決方法或解決這個問題？

另一個小問題是，在某些情況下，動畫幻燈片效果無法打開並一直顯示內容。底部會被裁剪，有時會過早裁剪，並且會在所有瀏覽器上發生，但並非全部發生。我想它有一個問題正確計算內容div的正確高度。有什麼辦法來強制正確的身高計算？

Answer 1

當我將clear:left;添加到您的id =「mainContent」元素的樣式中時，它會對其進行更正。