Mon menu déroulant en css

Bonjour,

j'ai vu quelques tutos pour créer son menu déroulant en css et je ne comprends pas pourquoi le mien ne fonctionne pas :

l'html

<ul id="menu">
<li><a href="Accueil.html"><img src="./images_polyservices/15860274.jpg" id="imageAccueil">Accueil</a></li>

<li><a href="Produit.html#Liste_des_produits"><img src="./images_polyservices/15860312.jpg" id="imageProduit">Produit</a></li>

<li class="sousmenu"><a href="Societe.html"><!--<img src="./images_polyservices/" id="imageSociété">-->Société</a>

<ul class="NousSituer">
<a href="NousSituer.html"><img src="./images_polyservices/15860234.jpg" id="imageNousSituer">Nous situer</a>
</ul>
</li>
<li><a href="NousContacter.php" ><img src="./images_polyservices/15860333.jpg" id="imageNousContacter">Nous contacter</a>
</a></li>
</ul>

Le css :

ul ul
{
display : none;
}

ul#menu li.sousmenu :hover ul.NousSituer
{
display : block;
}

Si vous voyez le problème merci de me le communiquer

--
Cordialement, Debutant en webmastering