salve a tutti.
allora:
ho questo sito:
http://massacriticarovereto.splinder.com/
vorrei che il menu in alto, avesse più spazio tra le parole quando queste vanno a capo.
io lo vedo a 1280x1024 e ho che le ultime 2 (negozi amici, ciriticalmap) vanno a capo e mi "oscurano" l'effetto su link che stanno sopra.
mi sono spiegato?

questo è il css
codice:
#menu {
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 10px;
        padding-top: 10px;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
   }

   #menu ul {
      list-style: none;
      }
  
      #menu ul li {
         display: inline;
         }

         #menu ul li a {
            color: #FF0000;
            background: #fff;
            text-decoration: none;
            padding-left: 2%;
            padding-right: 2%;
            border-bottom: 5px solid #fff;
            }

            #menu ul li a:hover, #menu ul a.menu_selected {
	            color: #333333;
        	    border-bottom: 5px solid #FF0000;

               }
cosa devo modificare?