CSS image haywire

Question

有人可以幫我一些CSS圖像定位？

我想使頂部和底部是獨立的圖像的列。我 這樣做，所以我會有一個很好的曲線，但是當圖像被放置時，右欄 會在左側div下面，而不是右移。我嘗試過絕對的定位，但似乎什麼都不做。任何幫助將不勝感激，謝謝。

CSS：

#column-top{ 
    width:735px; 
    height:40px; 
    float:left; 
    background-image:url(images/opactop.png); 
} 

#column_left_content{ 
    width:735px; 
    min-height:500px; 
    margin-right:0px; 
    float:left; 
    background-image:url(images/opaccontent.png); 
    background-repeat:repeat-y; 
} 

#column_bottom{ 
    width:735px; 
    height:40px; 
    float:left; 
    background-image:url(images/opacbottom.png); 
} 


#column_right{ 
    width:160px; 
    height:900px; 
    float:right; 
    background-image:url(images/opac.png); 
    background-repeat:repeat-y; 
} 

Answer 1

這是我搗鼓你。你不需要浮動頂部和底部。左浮動中間的兩個，並將它們放在一個容器div內。 jsfiddle