sliding doors, horizontal lists and dropdown menus

je me suis amusé (et pas mal fait chier aussi) à élaborer un système de navigation avec menus déroulants. le menu se déroule sous un bouton ombré. le tout est une combinaison de 2 techniques :

• les sliding doors (http://www.alistapart.com/articles/slidingdoors/, http://www.alistapart.com/articles/slidingdoors2/)
• les dropdown menus (http://www.htmldog.com/articles/suckerfish/dropdowns/, http://www.alistapart.com/articles/dropdowns/)

à la base, je voulais faire en sorte que le bouton prenne automatiquement la largeur du texte qu’il contient, sans qu’il soit nécessaire de fixer une largeur dans le CSS. malheureusement IE n’accepte pas de mettre des <li> côte à côte dans ce cas, puisqu’il préfère les laisser en liste verticale. merci micro$oft. le fait de devoir fixer la largeur ne justifiait plus vraiment l’utilisation des sliding doors, mais puisque je me suis cassé le cul à les faire fonctionner, je les ai laissés…

pour voir le résultat, clique ici

le tout a été testé avec Safari, macIE5, winIE6 et Firefox1.0