如何在div2下面放置div1並保持div1透明背景？

<div id="header"> Header content </div> 
<div id="content"> Content </div> 

#header { 
    background-image: url("/Content/Images/bg.png"); 
    background-repeat: repeat-x; 
    float: left; 
    height: 45px; 
    margin: 0; 
    width: 960px; 
    z-index: 10; 
} 

#content { 
    background-image: url("/Content/Images/separator_shadow_both.png"); 
    background-repeat: repeat-y; 
    float: left; 
    margin: -4px 0 0; 
    padding: 0 10px; 
    width: 940px; 
    z-index: 9; 
}

標題div的背景具有45像素高 - 41像素純色，底部4像素是透明陰影。我想讓這個影子在內容之上展示。我把內容div邊緣頂部-4px爬到頭div下，但他出現在div1以上，而不是div1以下。 z-indexes設置不同...是z-index問題還是標題背景無法定位在內容之上？如何在div2下面放置div1並保持div1透明背景？

謝謝

來源

2011-09-26 Hello World