[html/css] Drei Boxen nebeneinander

[Luckie]

Hallo,
ich versuche gerade drei Boxen mittels div nebeneinander zu bekommen:
HTML:

Code:

      <div class="bottom">
      <div class="bottomleft">

      </div>
      <div class="bottomcenter">
      
      </div>
      <div class="bottomright">
      
      </div>
      </div>

CSS:

Code:

.bottom {
   width: 75%;
   margin-left:auto;
   margin-right:auto;
   padding-top: 10px;
}

div.bottomleft{
   float: left;
   width: 30%;
   padding: 5px;
   border: 1px solid #aaaaaa;
}

div.bottomcenter {
   margin-left:auto;
   margin-right:auto;
   width: 30%;
   padding: 5px;
   border: 1px solid #aaaaaa;
}

div.bottomright {
   float: right;
   width: 30%;
   padding: 5px;
   border: 1px solid #aaaaaa;
}

Das klappt fast. Die dritte, rechte Box ist nach unten versetzt, was natürlich nicht sein soll. Wie bekomme ich die dritte Box auch auf die gleiche Höhe, wie die anderen.

http://www.michael-puff.de/Privat/Dev/XPUsermanager/