Menu a tendina con CSS / PHP

[samiel]

Vorrei creare un menu a tendina con i CSS.
L'inghippo si è evidenziato perché non riesco ad ampliare
il "tasto" dei menu con del padding o in qualche altro modo.
Il codice del CSS è il seguente:

#nav, #nav ul {padding:0; margin:0; list-style-type:none}
#nav li {float:left; position:relative; width:10em;
padding:0; background-color:transparent; color:red;
font-size:90%; font-weight:bold; margin-right:1em}
#nav a:link, #nav a:visited {display:block; text-decoration:none;
padding-left:1em; background-color:#383838; color:white}
* html #nav a {width: 100%}
#nav ul {display:none; position: absolute; padding:0}
#nav ul li {background-color:#F1F5F9; font-size:100%; margin-bottom:-1px;
margin-top:1px}
#nav li:hover ul {display:block}

Ma avendo io fatto delle prove anche con l'HTML puro e semplice
(dove invece riesco a modificare il menu seocndo le mie intenzioni),
mi è venuto il dubbio di aver sbagliato di integrare l'HTML nel PHP.
Posto pertanto anche il codice che genera il menu.

<div id="nav">
<?php    foreach ($menus['main_menu'] as $key => $menu) {
        // scorro il menu principale
?>
        <li id="<?php echo $key; ?>">
        <a href="index.php?pagina=<?php echo $key;
?>"><span></span><?php echo $menu ?></a>
<?php
      if (isset($menus[$key."_menu"]))  {
      // se esiste una chiave formata da nomevoceprincipale_menu
      // allora esiste un submenu
      ?>
      <ul>
      <?php   foreach ($menus[$key."_menu"] as $subKey => $submenu) {
              // scorro subito il submenu
?>[*]<a href="index.php?pagina=<?php echo $key; ?>
&sezione=<?php echo $subKey; ?>"><?php echo $submenu; ?></a>
      <?php   } ?>[/list]
      <?php } ?>
      
<?php   }
?>
</div>

Grazie mille fin da ora
M.