CSS图像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