Menu deroulant css html ?

Bonjour,
Je suis débutant dans le langage html et css. J'ai donc récupérer un site déjà pratiquement tout construit pour commencer. Et la je bloc pour un petit truc de rien du tout je pense.
Quand je veux faire un menu déroulant je n'y arrive pas !
Voici mon html

<div class="menu">
      <ul>
        <li><a href="index.html">Accueil</a></li>
        <li><a href="automobile.html">Automobile</a></li>
              <ul>
                      <li><a href="autoneuf.html">Neuf</a></li>
                      <li><a href=autooccas.html">Occasion</a></li>
              </ul>
        <li><a href="agricole.html">Agricole</a></li>
        <li><a href="p&j.html">Parc & Jardin</a></li>
        <li><a href="location.html">Location</a></li>
  <li><a href="contact.html">Nous Contacter</a></li>
      </ul>
</div>

Et voici mon css

.menu{ float:right;}
.menu ul li{ list-style:none; float:left; font-size:18px; padding:10px;}
.menu ul li a{color:#ffffff; text-decoration:none; padding:10px;}
.menu ul li a:hover{ background:#CCCCCC; padding:10px;}
.menu ul li a.active{ background:#CCCCCC; padding:10px;}
.menu li ul{ list-style:none; float:left; font-size:15px; padding:10px;}
.menu li ul a{color:#ffffff; text-decoration:none; padding:10px;}

donc quand je fais comme sa mes sous menu deviennent de menu normaux est-ce normal ?
Qu'est-ce qui me manque ?
Merci d'avance
Cordialement Tiplouf2.