Divs zelfde hoogte | CriminalsPoint

Hallo allemaal,

Ik heb een probleem:
Ik heb een menu met 2 randen daarnaast. Maar ik wil dat deze de zelfde hoogte kijgen als dat de div waar t menu zelf in zit krijgen maar dat lukt niet.

Dus div 'menu_zelf' heeft een hoogte (auto).
Nu wil ik dat div 'menu_rand_l' en 'menu_rand_r' automatisch dezelfde hoogte krijgen.

Voor me content gebruik ik precies het zelfde en heb ik dus ook het zelfde probleem.
Weet iemand hoe ik dit kan oplossen?

Hieronder staan de scripts:

Script:

	Code \| Selecteer Alles


<div class="menu_blok" id="menu_blok">

    <div class="menu_kop" id="menu_kop">Menu titel</div>

    <div class="menu_rand_l" id="menu_rand_l"></div>

    <div class="menu_zelf" id="menu_zelf">

            Link 1

            Link 2

                Link 2

    </div>

    <div class="menu_rand_r" id="menu_rand_r"></div>

    <div class="menu_voet" id="menu_voet"></div>

  </div>

CSS

	Code \| Selecteer Alles


#menu_blok {

    float: left;

    height: auto;

    width: 222px;

}

#menu_kop {

    background-image: url(afbeeldingen/knuffels_02.gif);

    height: 43px;

    width: 222px;

}

#menu_rand_l {

    background-image: url(afbeeldingen/knuffels_04.gif);

    float: left;

    height: 100%;

    width: 20px;

}

#menu_zelf {

    background-color: #f77070;

    height: auto;

    width: 189px;

}

#menu_rand_r {

    background-image: url(afbeeldingen/knuffels_06.gif);

    float: left;

    height: 100%;

    width: 13px;

}

#menu_voet {

    background-image: url(afbeeldingen/knuffels_10.gif);

    height: 20px;

    width: 222px;

    clear: inherit;

}