[EugenyK]

Здравствуйте.

Не получается уже битых 5 часов решить проблему с выравниванием высот двух слоёв (тут основное только, все тонкости не стал очерчивать):

Задача стояла так - сделать полупрозрачный фон для выпадающего меню.
Сначала я в слой скатерти (l1) вкладывал слой со списком текста (l2), но тогда текст становился пропорционально блёклым.

div#l1,
div#l2 {
     position: absolute;
     opacity: 0.4;
     top: 30px;
     left: 30px;
     z-index: 1; 
}

div#l2 {
     z-index: 2;
}

Тогда я разделил слои. ПРи каждом вызове меню (добавление текста в
div#l2) у меня высота #l2 растёт или наоборот падает. Пытаюсь под растущий или укорачивающийся стол l2 подстилать скатерть #l1 вызовом

...
document.getElementById('l1').style.height = document.getElementById('l2').style.height;

Но никакого результата.
Интересно, как можно данную проблему решить?
В качестве фона скатерти я использую gif с repeat-y. но думаю, что можно использовать просто аналогичного цвета заливку