[Jean le Chauve]

Code :

<ul id="topnav">
   <li>
      <a href="#">ENTETE DE SECTION LV1</a>
      <div class="sub">
         <ul>
            <li><h2><a href="#">ENTETE DE SECTION LV2</a></h2></li>
ici, ce n'est pas logique : tu n'as pas à fermer ton <li>,
tu dois plutôt ouvrir un <ul> sinon ce serait un lien normal.
et donc, arrête-moi si je me trompe,
ton menu doit apparaître ainsi :
<ul id="topnav">
   <li>
      <a href="#">ENTETE DE SECTION LV1</a>
      <div class="sub">
         <ul>
            <li><h2><a href="#">ENTETE DE SECTION LV2</a></h2>
               <ul>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
               </ul>
            </li>
            <li><h2><a href="#">ENTETE DE SECTION LV2</a></h2>
               <ul>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
               </ul>
            </li>
         </ul>
      </div>
   </li>
   <li>
      <a href="#">ENTETE DE SECTION LV1</a>
      <div class="sub">
         <ul>
            <li><h2><a href="#">ENTETE DE SECTION LV2</a></h2>
               <ul>
                  <li><a href="#">Lien</a></li>
                  <li><a href="#">Lien</a></li>
               </ul>
            </li>              
         </ul>
      </div>
   </li>
</ul>

Ce serait bien également que tu sois plus précis : est-ce que tous les liens qui ont des enfants sont des entêtes de section ?