HTML5 Kan ikke få div tag til at floate i top

Hejsa

Jeg har et problem med at floate mine div tag
Se http://www.jimmi.org/light_spot_varytec_uvgun400.html

Menu til venstre indeholder flere div tag men omsluttet af én fælles som er float.left i CSS

Den sorte bælke i bunden på siden er float.right i CSS , men float placeres i bunden og ikke i toppen. hvorfor ?

CSS til menu <--Denne omslutter alle divtag i menuen-->

}
.menuboxall {
    float:left;

CSS sort bjælke
}
.sidetitelheader {
    background-image:url(images/menu.jpg);
    height: 20px;
    width: 730px;
    float:right;   
   
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
       
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFFFFF;
    font-weight:bold;