CSS3問題在Chrome/Safari瀏覽器使用jQuery動畫

Question

Please see this fiddle.
在鉻（版本23）和Safari瀏覽器，如果你一直點擊「頂」鏈接到移動的項目上，「頂」按鈕將不會被隱藏。
由於我使用CSS3first-child/last-child，我期待只有頂部和底部的LI按鈕可見性被改變。
我注意到，如果我擺脫了「動畫」調用，它按預期工作。
這個小提琴在Firefox 17和IE 9中工作。
任何人都知道這裏發生了什麼？

貌似這些樣式​​未正確重新應用：

ul#sortable li:first-child a.top { visibility:hidden; } 
ul#sortable li:last-child a.bottom { visibility:hidden; } 

感謝，

安迪

Answer 1

我能夠通過重新鏈接後的相對的位置屬性來解決這個問題排序完成。

$(this).parent().find('a').css('position','relative'); 

jsFiddle example