A CSS alternative to JQuery Masonry, can be used to create fluid tile/column pages. Referenced from sickdesigner.com.

This trick takes advantage of the css "column" attribute.

HTML
    <div class="container">
        <div class="tile"> Tile Content here</div>
        <div class="tile"> Tile Content here</div>
        <div class="tile"> Tile Content here</div>
        <div class="tile"> Tile Content here</div>
        <div class="tile"> Tile Content here</div>
    </div>

CSS
.container{
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
    width: 480px; 
}
.tile{
        display: inline-block; /* Display inline-block, and absolutely NO FLOATS! */
        margin-bottom: 20px;
        width: 100%; }
}
*Note: Does not work in IE until version 10