выпадающее многоуровневое меню

Друзья, подскажите пожалуйста какой нибудь работающий способ как реализовать выпадающее многоуровневое меню, работающее во всех браузерах (в том числе в Эксплоере, блин).

вот что я пробую например:

http://realizant.narod.ru/oborudovanie-dlja-pulmonologii.html

вот - если наводим на "каталог продукции" вниз выпадает меню, наводим на любую кнопку этого меню выпадает под меню.

соответственно таким образом реализовано:

                <li><a href="oborudovanie-dlja-pulmonologii.html" class="current" class="menulink"><strong>Каталог продукции</strong></a><span>02</span>

            

            

            <ul>

            <li><a href="#">артериальная ригидность</a>

                <ul><li><a href="#">Pulse Trace PCA 2</a></li><li><a href="#">Pulse Trace PWV</a></li></ul>

              </li>

            <li><a href="#">газоанализаторы</a>

                <ul><li><a href="#">smoke check</li><li><a href="#">micro co</a></li></ul>   

              </li>

            <li><a href="#">пикфлоуметры</a>

                <ul><li><a href="#">MicroPeak пикфлоуметр</a></li></ul>   

              </li>

            <li><a href="#">программное обеспечение</a> 

                <ul><li><a href="#">spida 5</li><li><a href="#">spida xpert</a></li><li><a href="#">cobra</a></li><li><a href="#">puma</a></li></ul>

              </li>

            </ul>

            </li>

#header li ul li a { color: #grey; background: #fff; padding:5px; }

#header li ul { position:absolute; left:0px; top:65px; display:none; color:#ccc; width:100%; }

#header li ul li a:hover { text-decoration:none; background:red; }

#header li:hover > ul { display:block; }

#header li:.over > ul { display:block; }

#header li ul li ul { position:absolute; left:119px; top:0px; display:none; color:#3e4750; width:100%; }

нот вот в IE работать не хотим.

пробую по рекомендации статьи http://www.webmascon.com/topics/coding/42a.asp

ЯваСкрипт

Код:

startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList;


в моем случае не хочет работать.
+ подозреваю li:hover > ul - EI ну никак не хочет воспринимать.