Bokse vil ikke placere sig korrekt

HTML kode 

 <div id="info">
     
     <div class="box">
         <h3>Webløsninger</h3>
         <p>Skal du have realiseret din idé?<br />
            Leder du efter en freelance webdesigner der laver webløsninger for både store og små virksomheder, samt privatpersoner?</p>
     </div>
     <div class="box">
         <h3>Hurtig og direkte kommunikation</h3>
         <p>Jeg arbejder freelance og derfor leverer jeg altid konkurrencedygtige priser, direkte og hurtig kommunikation mellem dig som kunde og mig</p>                        
     </div>
     <div class="box">
         <h3>Et uforpligtende tilbud</h3>
         <p>Har jeg vagt din interesse, så tøv ikke med at kontakte mig for at få et uforpligtende tilbud på netop <u>dit</u> projekt.<br /><br /></p>
     </div>
     
 </div>

CSS kode 

 #info {
     width: 960px;
 }
 .box {
     display:inline;
     width: 250px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     background-color:#fff;
     border:1px solid #d6d6d6;
     border-radius: 6px;
     clear:both;
     margin: 20px auto 20px auto;
     padding: 0 20px 20px 20px;
 }