Tworzenie rozwijanego paska nawigacyjnego UL

Oto mój kod do tej pory:

<?php

 echo '
        <nav class="floatfix">      
                <ul>
                    <li><a href="index.php">Home</a></li>
     <ul>
      <li><a href="index2.php">£3.99 T-Shirts</a></li>
      <li><a href="index3.php">£4.99 T-Shirts</a></li>
      </ul>
                    <li><a href="login.php">Log In</a></li>
                    <li><a href="#">Account</a></li>
                    <li><a href="feedback.php">Feedback</a></li>
                    <li><a href="#">Checkout</a></li>
                    <li><a href="aboutus.php">About Us</a></li>
                    </ul>
            </nav>
   ';

?> 

Oto mój CSS

/* =float clearing
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.floatfix {
   display: block;
   height: 1%;
   text-transform: uppercase;

}
.floatfix:after  {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

Jak mogę uzyskać koszule za 3,99 £ i 4,99 £ za rozwijane menu pod „Domem” na pasku nawigacyjnym.

Dziękuję Ci bardzo

questionAnswers(2)

yourAnswerToTheQuestion