مشکل با منوی جوملا

[DariushGreat]

سلام
هر کاری می کنم جوملا این منوی منو قبول نمی کنه. عنوان های منو رو به صورت لیست ترتیبی زیر هم نشون میده. من چیکار کنم؟ کجای کارم اشتباهه؟؟؟
از بابت CSS کاملا مطمئنم کار می کنه. اینم از کدهای PHP:

   <div id="background_nav">
   <?php if($this->countModules('topmenu')) : ?>
               <ul id="nav">
               <jdoc:include type="modules" name="topmenu" style="xhtml" />
       <li><a href="#">Home</a></li>
       <li><a class="hsubs" href="#">Menu 1</a>
           <ul class="subs">
               <li><a href="#">Submenu 1</a></li>
               <li><a href="#">Submenu 2</a></li>
               <li><a href="#">Submenu 3</a></li>
               <li><a href="#">Submenu 4</a></li>
               <li><a href="#">Submenu 5</a></li>
           </ul>
       </li>
       <li><a class="hsubs" href="#">Menu 2</a>
           <ul class="subs">
               <li><a href="#">Submenu 2-1</a></li>
               <li><a href="#">Submenu 2-2</a></li>
               <li><a href="#">Submenu 2-3</a></li>
               <li><a href="#">Submenu 2-4</a></li>
               <li><a href="#">Submenu 2-5</a></li>
               <li><a href="#">Submenu 2-6</a></li>
               <li><a href="#">Submenu 2-7</a></li>
               <li><a href="#">Submenu 2-8</a></li>
           </ul>
       </li>
       <li><a class="hsubs" href="#">Menu 3</a>
           <ul class="subs">
               <li><a href="#">Submenu 3-1</a></li>
               <li><a href="#">Submenu 3-2</a></li>
               <li><a href="#">Submenu 3-3</a></li>
               <li><a href="#">Submenu 3-4</a></li>
               <li><a href="#">Submenu 3-5</a></li>
           </ul>
       </li>
       <li><a href="#">Menu 4</a></li>
       <li><a href="#">Menu 5</a></li>
       <li><a href="#">Menu 6</a></li>
       <li><a href="#">Back</a></li>
       <div id="lavalamp"></div>
   </ul>
   <?php endif; ?>
</div>