Un menu en css

Bonjour,

j'ai une bar de menu comme ça :


---A--- , ---B--- , ---C--- , ---D--- , ---E---

Avec une couleur , background : #E2E2E2 url(images/bg_menu.jpg) repeat-x ; (sur mon fichier css )

Sur ma page Html : <div id="menu">
<div class="centrage">
<ul>
<li>Accueil</li>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<li><a href="#">D</a></li>
<li><a href="#">E </a></li>
</ul>
</div>
</div>


je voudrais quand je raproche la souris vers B me donne quelque sous menu genre :

---A--- , ---B--- , ---C--- , ---D--- , ---E---
--rien--, --B1---, --C1-- , rien , rien
rien- , -- B2-- , --C2 , rien , rien

Vous pouvez m'aider Svpl !

Merci