Pulldown Menu & Left-side Navigation

Here we have a menu bar at the top with pulldown menus (please ignore its look and concentrate on its behaviour) and all the children of the selected top level menu item on the left side. That means that level 1 is displayed in the pulldown menus and on the left side.

The pulldown menus are implemented purely with CSS and might not work in non-standard-conform browsers (IE!).

The HTML-Code of this page looks like this:

<html>
...
<body>
  <div id="head">
    ...
    <div class="sitemenu">
      <ul><?php get_i18n_navigation(return_page_slug(),0,1,I18N_SHOW_MENU); ?></ul>
    </div>
    <div style="clear:both"></div>
  </div>
  <div id="main">
    <div id="navigation">
      <ul><?php get_i18n_navigation(return_page_slug(),1,100); ?></ul>
    </div>
    <div id="content">
      <h1 id="pagetitle"><?php get_page_title(); ?></h1>
      <?php get_page_content(); ?>
    </div>
    <div id="footer">
      ...
    </div>
  </div>
</body>
</html>
    

The (functionally) relevant entries in the CSS are:

.sitemenu { position:relative; height: 1.4em; }
.sitemenu ul { position:absolute; list-style: none; }
.sitemenu li { float:left; }
.sitemenu li ul { display:none; }
.sitemenu li:hover ul { display:block; }
.sitemenu li.current > a { font-weight:800; } 
.sitemenu li.currentpath > a { font-weight:800; }