full length columns

by ritcheyer

HTML

<div id="container">
    <div id="main" class="column">
        <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod.</p>
        <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod.</p>
    </div>
    <div id="aside" class="column">
        <p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod.</p>
    </div>
</div>

CSS

#container {
    overflow: hidden;
    width: 250px;
}
#container .column {
    padding-bottom: 10000px;
    margin-bottom: -9990px;
}

.column {
    float: right;
    width: 100px;
    
    /* for kicks and giggles */
    background-color: #ccc;
}
.column:first-child {
    float: left;
    width: 150px;
    
    /* for more kicks and giggles */
    background-color: #eee;
}