jqueryのカルーセルがInternet Explorerでは正しくスライドしませんが、他のブラウザでは

Question

jquery にカルーセルを作成して、項目または項目のセットを上下にスライドさせました。

私は用途にページ/スライド/可視セクションごとに1つのアイテムを作成したデモページ...

が、2または3に展開するために、そのことは難しいことではない...

、それは他のいくつかの機能を備えています私は埋め込まれていますが、これらはこの質問にとって重要ではありません。

Internet Explorer 6または7のカルーセルを使用しています（まだ試していません） それはすべての機能を実行しますが、それは想定していたよりも小さくスライドします。

私はそれらが通常ブラウザ間の問題であることを知っているので、私は余白から余白まですべてをチェックしました。それでもまだ滑っているときは5〜10 pxしかないので実際には問題は見えませんが、数回スライディングし始めるとそれが増えます。

誰かが見て、私が気づいていない何かを見つけることができますか？

この投稿にコード全体を追加することはできませんが、htmlファイル と画像を含むコード全体を含むzipファイルへのリンクを追加します。デモへ

リンク：ソースへのdemo リンク：source zip

サンダー

EDIT 以下のコメントで述べたようにエミリーは私が得た示唆したように、私、私は、コードを少し修正マージンを取り除いてさらに進んで、アイテム間のすべてのマージンとパディングを削除し、bgcolorを交互に変更したアイテム間の違いを表示する固定imgを作成します。

ファイアフォックスでさえ気づかれているのは5pxですが、各ページの変更に伴って増えません。 IE6 - 7はすべてのページ変更を5 px追加します。変更されたバージョンへ

リンク：changed demo

サンダーは

EDIT後 が、私は今も、エミリーから修正後の作業バージョンを含めて、zipファイルをアップロード再固定します。スクリプトを使用したい人は、上のリンクから自由に感じることができます。

Answer 1

これは、つまり、あなたは絶対的な配置を使用しているので、マージンを打つのではなく、top：16pxを設定するだけです。

インラインレベル要素（A内部ブロックレベル要素（IMG）を有する

.FotoCarousel ul li a img { 
    vertical-align:bottom; 
} 

に

.FotoCarousel .wrapper { 
    height:100px; 
    position:absolute; 
    top:16px; 
    width:159px; 
} 

---

編集コメント後

変更

.FotoCarousel ul li a img { 
    display:block; 
} 

）が矛盾してブラウザ。また、IE6/7では、イメージとテキストがなくても、ディセンダのための領域が残されます。 vertical-align:bottomはその領域を削除します。