Default layout with 9 columns

I'm trying to use LESS framework 4, and i've create this css code:

#sponsor .ristorante  {
   width: 92px;
   float:left;
   margin-bottom: 30px;
}
#sponsor .ristorante .name {
    font-size: 14px;
}

and in html file:

<div id="sponsor">
   <div class="ristorante">
     <div class="name">RISTO1</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO2</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO3</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO4</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO5</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO6</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO7</div>
   </div>      
   <div class="ristorante">
     <div class="name">RISTO8</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO9</div>
   </div>
   <div class="ristorante">
     <div class="name">RISTO10</div>
   </div>
</div>

but in broweser see 9 risto in first line and one risto in seconvd line!

instead, body layout default is width:开发者_JAVA百科896 with 10columns

how can i have ten columns??

thanks!

the width of your elements is pushing the last one to a new line. 10 x divs @ 92px wide each is 920px for all columns. If I understand you correctly you have 896px set. Change your wrapper width to 920px and you'll be ok. OR change your ristorante width to 89px