[CSS] Problem z height: 100%; Opcje

[arszawin]

W tym przykładzie: http://tnij.org/css_98 , po prawej stronie znajduje się rozwijane menu.
Po najechaniu na pomarańczowy prostokąt (np. "ROZWIJANE MENU") rozwijają się kolejne linki. Technicznie jest to zrobione tak, że warstwa div:hover ma ustawione height:100%; i tutaj jest właśnie problem bo tą wartość można rozumieć dwojako.
W tym momencie, niestety, po najechaniu na wyżej wymieniony link, wysokość tej warstwy osiąga wartość maksymalną (taką jak rodzicielka, warstwa contentMain), a moim zamiarem naturalnie jest to, aby wzrosła do takiej wartości, aby wyświetlić wszystkie linki i nic więcej. Czyli to height:100% powinno w tym przypadku być około 130px, a nie 400px. Mój opis jest być może nieco zawiły, ale po kliknięciu na link na pewno wszystko stanie się jasne... Jak ten problem wyeliminować?

[lepmajster]

Bo height:100% danego elementu zalezy od wysokosci jego rodzica.
Jesli rodzicem jest body - to wartosc ta przyjmuje wysokosc rowna wysokosci okna przegladarki, ale jak umiescisz ten elemen wewnatrz jakiegos elementu, np. diva z ustalona wysokosci height:200px; i w nim umiescisz kolejnego diva z height:100% to ten div bedzie mial wysokosc 200px.

[arszawin]

Rozumiem, ale w tym wypadku (rozwijane menu) nie znamy docelowej wysokości (a przynajmniej nie znamy dokładnej w pixelach, bo ilość linków może być zmienna). W takim razie, jak powinienem to zdefiniować, aby wysokość (height:100%) dostosowywała się do treści (linków) zapisanych wewnątrz?

[lepmajster]

W ogole jej nie definiuj, albo jak juz koniecznie chcesz to uzyj height: auto;
Gdy nie definiujesz height, wtedy automatycznie wysokosc dostosowuje sie (rozciaga).