Один резиновый div по высоте, другой - фиксированный

[Dj Dance 185]

Собственно задачка. Имеется два блока, один должен быть резиновым по высоте, другой - фиксированный. Необходимо вставить блок google карт в резиновый блок по высоте чтобы тот не перекрывал фиксированный по высоте. Какие есть варианты?

css:

html, body {

width: 100%;

height: 100%;

margin: 0;

padding: 0;

}

.div1 {

width: 100%;

height: 100%;

margin: 0 0 -300px 0;

}

#div1 {

width: 100%;

height: 100%;

}

.div2 {

width: 100%;

height: 300px;

}

html:

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

<div class="div2"></footer>

[odys 384]

Mufasa, как-то не очень понятно, может на реальном примере покажешь или хотя бы нарисуй

[Dj Dance 185]

Решилась задачка. Для слоя google карт указал высоту через jquery, теперь резиновый блок карты не накладывается на фиксированный.