Позиционирование DIV в нижней части другого DIV без определенной высоты

Question

У меня есть этот HTML

<div style="position: relative;"> 

<div style="top:0"> 

</div> 

<div style='position: absolute; bottom:0; margin-bottom:0px;'> 


</div> 

</div> 

Этот код работает абсолютно нормально для IE, но и на других браузерах два внутренней DIV накладываются друг на друга, я не могу дать какой-либо определенной высоты к внешнему div.

Answer 1

Вам не нужно абсолютное позиционирование:

<div style="position: relative;"> 

    <div style="background:black;"> 
     test 
    </div> 

    <div style='background:red;'> 
     test  
    </div> 

</div> 

См работает fiddle.