Problema con elementos flotantes y su fondo

ara que al hacer un menu transparente no suceda esto, que debo hacer?


mi css es este

Código :

#menul {
float: left;
width: 25px;
height: 55px;
background: url('images/mbar_l.png') no-repeat;
}
#menur {
float: right;
width: 25px;
height: 55px;
background: url('images/mbar_r.png') no-repeat;
}
#menum {
width: 100%;
height: 55px;
background: url('images/mbar_m.png') repeat-x;
}

y el html

Código :

<div id="menul">
</div>
<div id="menur">
</div>
<div id="menum">
</div>