[HELP] CSS error

Hey, ik zit met een probleempje, ik ben namelijk bezig met het coderen van een site voor een vriend, nu stuit ik hierop:

Zoals je ziet zit er een rood balkje in de header (einde van het menu)
Er steekt een klein wit balkje uit achter het rode, en daar zit hem ut probleem,

dat rode balkje moet namelijk achter het witte...

Sorry als ik iets onduidelijk ben, ik zal er ook direct wat code bij posten:

CSS

#menumid {
    background:url(../img/menu/midden.png);
    width:116;
    height:56px;
    position:absolute;
}
    
#menuend {
    background:url(../img/menu/einde.png);
    width:28px;
    height:56px;
    margin-right:auto;
    margin-left:auto;
    position:absolute;
}

HTML

<div id="menumid">LOL</div>
<div id="menuend">



</div>
</div>

Bedankt alvast.

Voeg float: left; ook ff toe

Waarom gebruik je position:absolute;?

#menumid moet je "z-index: 1;" geven

Dat bedoelt hij niet

Thanks! opgelost.

Slotje AUB.