مشکل در تراتز بندی عمودی یک div در div دیگر

با سلام من یک div رو به عموان هدر صفحه ایجاد کردم و می خوام داخل اون در سمت راست و چپ دو تا div دیگه یکی برا لوگو و یکی هم برای جستجو ایجاد کنم کد هم به شکل زیر هست ولی نمی تونم دو تا div داخل div اصلی تراز بندی عمودی کنم لطفاً راهنمایی بفرمایید.
<html>
<head>
<title></title>
<link href="styles/style.css" rel="stylesheet" type="text/css">

</head>

<body>
<div id="wraper">
<div id="header">
<div id="r-logo"><a href=""><img src="images/r-logo.png"></a></div>
<div id="box-search"></div>
</div>
</div>
</body>
</html>[/LEFT]

و فایل css

*{
direction:rtl;
margin:auto;
}
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] {
width:100%;
height:100px;
background:#333;
}
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] {
width:175px;
height:60px;
background:url();

}
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] {
width:175px;
height:60px;
background:url();

}