背景画像左余白の問題

Question

フェードインとフェードアウトして背景に表示する必要がある一連の背景画像があります。この背景画像はコンテンツの後ろに表示され、中央に配置され、コンテンツよりも広いです。私はこのイメージがページの幅に影響しないようにして、コンテナdiv、ul、またはli要素に幅が設定されていないようにします。なぜ私の背景イメージ上に現れる白い左マージンがあるのか​​を判断する必要があります。このマージンは、ブラウザウィンドウが私の「テスト」によって示されているようにどれほど広いかに関係なく表示されます。この問題は、ブラウザ（テスト済み：FF、Safari、Chrome、IE8）で表示され、回転とフェードに使用されるjavascriptとは関係ありません。

私はこれが私が見落としている単純なものだと確信しています。ここに正しい方向で私を指し示すことができる人の多くの多くのおかげです。

Link to an screenshot showing the problem.

Live example of the problem.

このためのHTMLは次のとおりです。

<div id="hdrHomeWrap"> 
<ul id="hdrHome"> 
    <li class="hdrHome1"></li> 
    <li class="hdrHome2"></li> 
    <li class="test"></li> 
</ul> 

CSS：

#hdrHomeWrap { 
margin: 0 auto; 
position:relative; 
top:-20px; 
} 
#hdrHome #hdrHome li { 
margin:0;padding:0; 
position:relative; 
list-style:none; 
} 
#hdrHome li { 
    display: block; 
    height: 400px; 
    display:none; /* hide the items at first only */ 
    list-style:none; 
    } 
    #hdrHome li.hdrHome1 { 
    background: url('images/hdr-home1.jpg') no-repeat top center; 
    } 
    #hdrHome li.hdrHome2 { 
    background: url('images/hdr-home2.jpg') no-repeat top center; 
    } 
    #hdrHome li.hdrHome3 { 
    background: url('images/hdr-home3.jpg') no-repeat top center; 
    } 
    #hdrHome li.test { 
    background: #F00; 
    } 

Answer 1

はあなたを持っていますul（#hdrHome）に余白&のパディングを0にしてみましたか？あなたのCSSで

、私はそれが間違いだ推測している #hdrHome #hdrHome li

を持っています。その間に「カンマ」がありません。

他のものの代わりに#hdrHome, #hdrHome liのようになります