javascript - 同じブラウザー、異なるプラットフォームでの Overflow-x

Question

体の中央に配置する必要がある jQuery スライダーがあります。このスライダーは変化する背景として機能します (互いにフェードインします)。私のコンピューター (iMac) ではオーバーフローの問題はありませんが、私の nexus 7 では、画像全体に収まるように体がはるかに広くなっています。どちらの場合も、最新バージョンの Firefox を使用しています。

これが私のCSSです：

#grosse_photo {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -552px;
    height: 597px;
    width: 100%;
    max-width: 100%;
    z-index: -1;
}

私の画像はすべて幅 1904px x 高さ 597px です。

そこから画像の相対位置と絶対位置を作成しようとしまし#grosse_photoたが、中央に配置されません。overflow-x: hiddenまた、すべての要素 ( #grosse_photo、bodyおよび) を試しましhtmlたが、どこにも到達しないようです。

それが役立つ場合、これは私が使用している jQuery アニメーションです: http://jonraasch.com/blog/a-simple-jquery-slideshow

以前はよく使っていましたが、背景として使うのは初めてです。