html怎样让一个整体浮动平行,HTML – 如何使两个div并排浮动？

我一直试图让两个div并排浮动(即sliderdiv和main-search)但似乎无法得到它.同样的小提琴：

http://jsfiddle.net/Ar99F/1/

加价

Content Goes Here

Search Content Goes Here

CSS

#homecontent {

background: url("images/content-bg.png") repeat-x scroll 0 0 #FAFAFA;

position: relative;

}

#homecontent-mid {

background: url("images/bg-stage.png") repeat-y scroll right top #FFFFFF;

border: 1px solid #BDBCBD;

min-height: 100%;

outline: medium none;

top: -40px;

}

#homebanner {

background: url("images/bg-stage-shade.png") repeat-x scroll 0 0 transparent;

padding-right: 20px;

position: relative;

}

.rounded {

border-radius: 10px 10px 10px 10px;

}

.sliderdiv {

background: none repeat scroll 0 0 red;

float: right;

}

.main-search {

background: none repeat scroll 0 0 #FFFFFF;

border: medium solid #D51386;

clear: both;

float: left;

overflow: hidden;

padding: 20px 10px;

}

请帮忙