Netradiční menu - pomoc

Zdravím,

pokouším se vytvořit menu s takovouto strukturou:

Kód:

<ul id="menu">
      <li class="m0"><a href="#">H<span class="replace"></span></a></li>
      <li class="m1"><a href="#">Aktuality</a></li>
      <li class="m2"><a href="#">Texty</a></li>
      <li class="m3"><a href="#">Soubory</a>
        <ul class="submenu">
          <li><a href="">Napsat aktualitu</a></li>
          <li><a href="">Napsat aktualitu</a></li>
        </ul>
      </li>
    </ul>

je nějak možné udělat aby submenu nemělo šířku nadřazeného bloku (LI) a bylo na celou šířku stránky (100%) a zároveň aby mělo i proměnnou výšku (submenu nebude mít pevně daný počet položek, takže při určitém počtu dojde k zalomení)? Nejlépe s tímto HTML. Díky za odpovědi

Pravděpodobně asi hledáš mega menu. Stačí vyhledat spolu s how to a Google dobře poradí. :-)