Grafický okraj menu

Ahoj,
tak se tady (teda ne tady jako tady, ale tady jako tady u mě ;) vyskytl dost zajímavej problém:
Mám menu, které má grafický okraj (http://manual.wz.cz/download/menu_FF.png). Vše je tvořeno pomocí DIVů asi nějak takhle:
<div class="ram2" id="menu_div">
<div class="t2"><div class="r2"><div class="l2"><div class="b2">
<div class="tl2"><div class="tr2"><div class="bl2"><div class="br2">
<div class="obsah2">
<a href="./" title="Hlavní stránka" class="menuitem">Vítejte</a>
<a href="?page=news" title="Novinky" class="menuitem">Novinky</a>
</div>
</div></div></div></div>
</div></div></div></div>
</div>
a teď co to dělá:
FF a vše ostatní bez problému, ale IE: http://manual.wz.cz/download/menu_IE.png , nedejbože po najetí myší:
http://manual.wz.cz/download/menu_IE_hover.png

Strejda Gůgl mlčí jako hrob, takže snad někdo víte jak to IE zkrotit?!
Nemas tech divu nejak moc? Jak tak koukam na ten obrazek, tak bych to zvladl i na mensi pocet divu.

<div id="menu">
<div class="hlavicka"></div>
<div class="obsah">
<a></a>
</div>
<div class="spodek"></div>
</div>

Pricemz bych horni a dolni cast spojil do jednoho obrazku. A prostredek jako pozadi.

Jinak k problemu. Ten priklad je dobrej, ale chybi mi definice stylu. Mozna problem s pozicovani.
<HTML>Nemas nejmensi sanci srovnat tuhle hromadu 10 divu a 12 classu dohromady.

Nasel sem si chvili casu a udelal sem ti to menu, <a href="http://nakashi.org/http/wz-menu/">http://nakashi.org/http/wz-menu/</a>

3 divy, 3 classy, zkouseno v IE & FF, vyska menu je napevno podle poctu polozek, kdyz to pouzijes tak si to zmen podle sebe. Trvalo mi to 10 minut, nejak nechapu co si s tim provadel .]</HTML>
skaff: pro FF a spol. jsem je srovnal ;) Jenom IE to nějak nepobralo.
Mockrát díky, tvůj nápad použiji.
<div id=menu>
<ul>
<li><a></a></li>
</ul>
</div>

vse ostatni pres JS nebo CSS. Lepsi JS nez si komplikovat zivot nejakymi class. viz jakpsatweb, ted tam bylo tema kulate rohy a takovy pekny JS :)