Two column floated layout

Also play with overflow properties, and see if its block formatting context is there or not.

by prasun_sultania

HTML

<div class="content">
    
    <div class="primary">
    <!-- main content goes here -->
    </div>
    
    <div class="secondary">
    <!--navigation and secondary content goes here -->
    </div>

</div>

CSS

.content .primary {
width: 250px;
    height:200px;
padding-right: 20px;
float: right;
display: inline; /*IE has some thing called double margin bug, it fixes that*/
 background-color: red;
}

.content .secondary {
width: 230px;
    height:200px;
float: left;
display: inline;
    background-color: green;
}

.content {
    background-color: yellow;
overflow: hidden;
}