[html]Position: absolute > parent overflow: hidden Opcje

[szmerak]

Witam mam problem z pozycją absolutną...

[HTML] pobierz, plaintext 
.text-description { width: 800px; height: 400px; position: absolute; background: #000000; z-index: 100000; }
<div style='overflow: hidden; width: 300px; height: 300px;'>
<div class='text-description'>asdasd</div>
</div>
[HTML] pobierz, plaintext 

Div jest w innym divie z overflow: hidden. I problem polega na tym że div jest ucięty do długości i szerokości rodzica... a chciał bym aby się nałożył na niego.
Z góry mówię że nie moge zrezygnować z overflowa ponieważ wtedy parent nie będzie się rozciągał pod jego dzieci...

Proszę o wskazówki..

[szmerak]

[HTML] pobierz, plaintext 
.m-box { width: 450px; position: relative; clear: both; width: auto; height: auto; margin-bottom: 5px; overflow: hidden; display: block; }
.m-box-content { margin: 0 3px; position: relative; overflow: hidden; display: block;  }
.txt-description { width: 300px; height: 200px; background: #000000; position: absolute; display: none; z-index: 10000; top: 0; left: 0; }
[HTML] pobierz, plaintext 

Jak widać próbowałem różnych kombinacji ale nic nie pomaga...

[HTML] pobierz, plaintext 
<div class='m-box'>
<div class='m-box-title'>Title boxa <div class='move1'><img src='img/move.gif'></div></div>
<div class='m-box-content'>
<ul class='links' id='txt'>
<li>
<a href='#'>One</a> > <a href='#' class='display'>Opis</a> <- po najechaniu na opis
<div class='text-description'>asdasd</div> <- powinien pokazywać się ten div a left i top jest ustawiane przez JS
</li>
<li>
<a href='#'>Chop Suey</a> > <a href='#' class='display'>Opis</a>
<div class='text-description'>asdasd</div>
</li>
</ul>
<ul class='last-link'>
<li><a href='#'>Przejdz na teksty >></a></li>
</ul>
</div>
</div>
</div>
[HTML] pobierz, plaintext 

Ma być taki efekt obrazowo

[PHP] pobierz, plaintext 
+------------[m-box]--------------+
|            m-title              | <- TEN DIV MA SiĘ ROZCIĄGAĆ 
|  +---------m-content--------+   |
|  |                          |   | 
|  |                          |   | 
|  |                  +-------------------+
|  +------------------|                   | <- a ten ma być zrobiony w m-content i aby mógł wyjść poza m-box... 
+---------------------|                   | a nie chowało go wyświetlając tylko część mieszczącą się w m-boxie... 
                      |  text-description | i przedewszystkim wyświetlało go jak najwyżej tak aby nic nad nim nie było!
                      |                   |
                      +-------------------+
[PHP] pobierz, plaintext 

Ten post edytował szmerak 14.12.2011, 12:55:49