div, плавающий влево

Я работаю над страницей, где мне нужно много столбцов. Столбцы должны перемещаться влево, и столбец никогда не должен находиться под столбцом. (и, если возможно, без полосы прокрутки, просто сделайте недоступными столбцы, выходящие за пределы экрана).

Атм, моя вторая колонка идет под моей первой копией рядом с ней.

<div id="container">

    <div id="menu">
    </div>

    <div id="book">

        <div id="column1" class="column_n">
        </div>

        <div id="column2" class="column_n">
        </div>

    </div>

</div>

css:

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Verdana;
    font-size: 20px;

}

.column_n {
    width: 480px;
    margin: 20px;
    float: left;
}