CSS two column problem

[smiths11]

Hello,
I'm having problems with a two column layout. The right-hand side looks fine, but the main content area ends up being below it and to the left. Here is what I've done, can anyone tell me what the problem is...I'm pretty sure it's my calculations, but I've tried so many different combinations. Thanks for your help.

#body .content {
	border: 0px;
    float:left;
    width:550px;
    margin:10px 10px 10px 10px;
    
    min-height:500px;
    _height:500px
} 

#body .rightmenu {
    border-left: 1px dotted;
    
    width:180px;
    margin:10px 10px 10px 579px;
    padding-left:10px;
    height:350px;
	
}

[Bigmous]

Please post html code so I can see what exactlty your talking about.

[sbl]

Hello,
You can do as follows:

HTML CODE:

<div class="main">
<div class="content">

</div>
<div class="rightmenu ">
<div class="padding">

</div>
</div>
</div>

CSS CODE

.main{
width:900px;
}

.main .content {
    float:left;
    width:600px;
    margin:10px 10px 10px 10px;
    min-height:500px;
    _height:500px
} 

.main .rightmenu {
    border-left: 1px dotted;
    width:180px;
    margin:10px 10px 10px 259px;
    height:350px;
	
}
.main .rightmenu .padding{
padding-left:10px;
}

width and padding properties don't work appropriately in a single div. if u need a div width 500px and padding 10px, then u must have to use two different div. if u want to use a single div then u have to fix width in 480px and as well as padding in 10px.

Thanks.