fremtvinge vandret scroll

Hej er der nogen der ved hvordan man kommer flere <Div> end der er pålads til ind i en anden <Div og derved fremprovokerer en vandret scrollbar?

Jeg ønsker at lave 11 spalter selvom "der kun er plads til "6

nogen ideer?

mvh gf

Her er uddrag af min css

body {
margin:0px;
background:#FFFFFF;
color: #333333;
text-align:center;
padding:0;
}

#outer {
text-align:left;
border:0px solid #000000;
width:850px;
height:576px;
  }

#bodyblock {
    position:relative;
    background: #ffffff;
    color: #333333;
    width:850px;
    height:576px;
}
#Hovedside {
text-align:Left;
float:Left;
background:#ffffff;
color: #333333;
height:477px;
width:1870px;

  }
  #spalte {
text-align:Left;
float:Left;
background:#ffffff;
color: #333333;
height:477px;
width:170px;
  } 


uddrag af html

<div id="outer">
    <div id="bodyblock" align="left">
        <div id="hovedside" align="left">
            <div id="spalte" align="left">
            </div>
              <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div> <div id="spalte" align="left">
            </div>
        </div>
    </div>
</body>