[css] Posiotion:absolute w elemencie o stałej wysokości Opcje

[szczurek]

Witam,

mam taki problem.

Jest lista elementów o takiej strukturze

[HTML] pobierz, plaintext 
<ul id="menu">
   <ul>
   <li>podkategoria</li>
   <li>podkategroia 2</li>
   </podkategoria 3</li>
     <div class="wiecej">
     <li>więcej</li>
      <li class="wiecej">podkategoria 4</li>
      <li class="wiecej">podkategroia 5</li>
     </div>
   </ul>
<li>
Kategoria
 
</li>
 
<li>...</li>
 
</ul>
[HTML] pobierz, plaintext 

Do tego jest css, który normalnie ukrywa wszystkie elementy w div class="wiecej" a kiedy div.wiecej:hover wtedy staja się one widoczne.

Problem polega na tym, że pierwszy element li musi mieć zadeklarowaną wysokość.
Mają też position relative a div.wiecej position:absolute. Niestety ustawianie kiedy div. więcej się pojawia to ma szans żeby wyszedł poza ten li o zadeklarowanej wysokości.

Przez to nie widać innych elementów.

Próbowałem sobie poradzić z tym tak, żeby zadeklarować min-height pierwszego li i rzeczywiście wszystko się wtedy rozwijało, ale przesuwało elementy które są poniżej a ja chcę żeby je przykrywało.


Ten post edytował szczurek 16.12.2009, 12:15:46

[DeXTeD]

Najpierw popraw listę bo ją źle budujesz (validator.w3.org)
BTW:

Kod

</podkategoria 3</li>

Co to jest?