CSS problem z rozjeżdzającym się menu

[azupak]

Witam,
co jest źle w kodzie, że element po prawej stronie jest poziom niżej niż dwa pozostałe?

Kod:

#menu{

height: 74px;
padding:30px 0px 0px 0px ;

}
#menu-l {
    background: url("images/header_l.png") no-repeat scroll right top transparent;
    float: left;
    height: 74px;
    width: 13px;

}

#menu-m {
    background: url("images/header_m.png") repeat-x scroll  0 0 transparent;
    height: 74px;
  width:98%;
  margin: 0 16px 0 0px;
}

#menu-r {
    background: url("images/header_r.png") no-repeat scroll left top transparent;
    float: right;
    height: 74px;
    width: 13px;
    
    
}

Kod:

<div id="menu">
             <div id="menu-l"></div>
        <div id="menu-m"></div>
          <div id="menu-r"></div>

      </div>

Prosiłbym o podpowiedź, bo szukam i szukam, a nic z tego dalej nie wychodzi.