[Résolu] Hauteur et largeur de sous menu horizontal

Bonjour,

J'ai réalisé un menu déroulant horizontal html & css à deux niveaux.
mon problème: je veux agrandir mon sous menu (mon 2e niveau) en hauteur et largeur pour insérer du teste et des images pour chaque élément du sous menu.
Et j'y arrive pas, j'ai essayé d'insérer des div avant et après le lien de mon sous menu mais en vain.

Quelque ligne de mon code:
Html:

 <div id="menu">
<ul>
    <li><a href="#">Item </a>
       <ul>
            <li><a href="#">Sous-item 1</a></li>
            <li><a href="#">Sous-item 2</a></li>
            <li><a href="#">Sous-item 3</a></li>
     </ul>
  </li>
</ul>
</div>

css:

 #menu ul { margin:0; padding:0; list-style-type:none; text-align:center; }

#menu li { float:left; margin:auto; padding:0; background-color:black; }

#menu li a { display:block; width:100px; color:white;text-decoration:none; padding:5px }             

#menu li a:hover { color:#FFD700; }

#menu ul li ul { display:none; }

#menu ul li:hover ul { display:block; }

#menu li ul { position:absolute; }

Merci d'avance.
Modifié par rniango (20 Feb 2014 - 11:11)

Merci, j'ai pu trouver une ici enfin....
pour le même problème, regardez par la: http://www.commentcamarche.net/forum/affich-29739682-hauteur-et-largeur-de-sous-menu-horizontal[/url]