Mam nagłówek (wysokość dynamiczna) ze stałą pozycją.

Muszę umieścić div kontenera tuż pod nagłówkiem. Ponieważ wysokość nagłówka jest dynamiczna, nie mogę użyć stałej wartości górnego marginesu.

Jak można to zrobić?

Oto mój CSS:

    #header-wrap {
    position: fixed;
    height: auto;
    width: 100%;
    z-index: 100
}
#container{ 
    /*Need to write css to start this div below the fixed header without mentioning top margin/paading*/
}

... i HTML:

<div id="header-wrap">
  <div id="header">
    <div id="menu">
      <ul>
      <li><a href="#" class="active">test 0</a></li>
      <li><a href="#">Give Me <br />test</a></li>
      <li><a href="#">My <br />test 2</a></li>
      <li><a href="#">test 4</a></li> 
      </ul>
    </div>
    <div class="clear">
    </div>
  </div>
</div><!-- End of header -->

<div id="container">
</div>