Mam zrobione w java script rozwijanie divów. Zasada działania jest prosta. Jeden nadrzędny div (obejma) ma ustawioną klasę sepcial

[HTML] pobierz, plaintext 
#div
{display:block;
 margin: 0px;
 padding: 0px;}
div.special div{height: 0px; overflow: hidden;}
[HTML] pobierz, plaintext 

Wewnątrz niego znajduje się drugi div (z treścią do rozwinięcia).

Problem jest następujący: w FF wszystko cacy czyli div nadrzędny (obejma) dostosowuje wielkość do diva wewnątrz. Wewnętrzny div ma wysokoć 0. Jednen klik i powiększam wewnętrznego diva i jest OK. wygląda to tak:

[HTML] pobierz, plaintext 
<div id="a" class="special">
tektst<br>
  <div id="b">
   tekst do rozwinięcia
  </div>
</div>
[HTML] pobierz, plaintext 

Niestety pod IE podrzędny div id="b" jest cały rozciągniety. Jak to "ominąć" ?