Modificare css modello facebook

[mandrake_01]

Ho seguito la guida che ho trovato su questo sito per creare un menu modello facebook
http://css.html.it/articoli/leggi/28...le-facebook/1/

Ho aggiunto il fix per ie 6 e tutto mi funziona perfettamente, ma quando ho provato a modificare un po il css non sono riuscito ad ottenere quello che volevo e vi chiedo un aiuto a voi che siete sicuramente + esperti di me.

Non riesco a settare l'attributo letter-spacing:1 . Vorrei associarlo al testo delle etichette principali del menu e poi vorrei che queste etichette avessero la stessa larghezza diciamo di 100px, in modo che siano tutte uguali anche con testo piu' lungo o piu' corto.

Chi mi da una mano?

/*CSS principale per il menu*/

ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
ul#nav{height:26px;line-height:25px;margin-left:0px;background: #3B5998;color: #fff}
ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FFF;}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;line-height: 22px;display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px;width: 12em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #5C75AA;color: #FFF}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

/*regole per separatore e le icone */

ul#nav li.sep{height: 34px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(../icon/icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(../icon/icon_spese.gif) no-repeat 3px 3px}

Grazie

[mandrake_01]

Nessuno riesce a spiegarmi perchè l'attributo letter-spacing impostato al testo non da nessun risultato?

Grazie