Menü Div'i Header'ın Altına Gelmiyor

Merhaba;
https://i.hizliresim.com/0Rdm1D.png
Linkteki resimde de görüldüğü üzere menü adında bir divim var. Ve bu div, header divinin içinde yer alıyor. Ben menu divine css ile margin değeri verip headerın en altına almaya kalktığımda sadece menu divinin inmesi gerekirken, komple header divide hareket ediyor. Nasıl menu divini header divinin iç alt kısmına getirebilirim? Header divinin içinden çıkarmak istemiyorum çünkü menüyü headerın iç en alt kısmına sabitleyip transparanlık vermeyi düşünüyorum.

.headerdivi {
position: relative;
padding-bottom: 30px; /* bu menü yüksekliği, ardından diğer özelliklerini girin */
}
.headerdivi .menudivi {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}

HTML şu şekilde:
<div class="headerdivi">
<div class="menudivi">
</div>
</div>