مشکل با Div های متداخل

[ee_persian]

با سلام به همه

من یک Div به اسم Body و داخلش دو Div به اسم های Content و Left تعریف کردم .
وقتی View In Browser رو میزنم ، داخل مرورگر Div های داخلی رو زیر Div اصلی نشون میده و داخل اون قرار نمی گیرن ..

نمی دونم مشکل از کجاست ....

زمانی که خاصیت Float رو با Right تنظیم می کنم ، Div ها در کنار هم هستند ولی داخل دایو Body نیستند .... و وقتی که خاصیت Float رو پاک می کنم ، Div ها داخل Body قرار می گیرن ولی زیر هم می افتن .

نمی دونم مشکل کجاست .

اینم از کدها :

کد محیط IDE


<div align="center">
<div class="body">
<div id="ContentPane" style="width: 650px" >
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="LeftPane"><p>Test TextTest TextTest TextTest TextTest TextTest TextTest
TextTest TextTest TextTest TextTest TextTest TextTest TextTest TextTest TextTest
TextTest TextTest TextTest TextTest TextTest TextTest TextTest TextTest TextTest
TextTest TextTest TextTest TextTest TextTest TextTest TextTest TextTest TextTest
TextTest TextTest Text</p></div>
</div>
</div>


کد کلاس :

.
body
{
background: transparent url('Image/Body.png') repeat-y scroll 0 0;
padding-left: 14px;
padding-right: 14px;
padding-top: 10px;
width: 940px;
}

C#‎ontentPane
{


float:right;
width:600px;
}

#LeftPane {

float:right;
width:200px;
}

[faridprogrammer]

برای اینکه div هایی که فلوت شده اند داخل دایو پرنت خود قرار بگیرند یک مثلا دایو با استایل زیر بعد از دایو فلوت شده قرار دهید.

clear:both;

[police-lipid]

Thank you , Thank you