Letter spacing + compatibilità con IE 8 + menu drop down

[MrDave]

Ciao a tutti,
sto cercando di realizzare un sito molto semplice con i css, non sono un webmaster e in alcuni casi ho preso spunto da esempi trovati in rete.

Il sito in questione è questo:

prova

e ho tre domande.

[list=1][*]Il letter spacing della scritta in alto a sinistra è ulteriormente riducibile? I caratteri mi sembrano ancora troppo distanti tra loro...[*]Sebbene il layout venga rappresentato correttamente in chrome, safari, opera e firefox il vecchio zio IE non sembra capirlo, e in quest'ultimo il "boxnews" viene compresso e posto di fianco (invece che sotto) la scritta "news".[*]Ho provato ad usare un menu drop down trovato in rete a questo indirizzo, ma quando passo col mouse su una voce che dovrebbe aprire il secondo menu succede un gran casino...[/list=1]

[MrDave]

Ho trovato qualche soluzione da solo alla questione dl menu...anche se non ho capito bene perché (suggerimenti sono graditi).

Nella regola ul#topnav li span ho cambiato il valore di "position" in "absolute" (prima era relative) e questo a messo in fila le voci del sottomenu, invece di farle finire confusamente in giro. Ho dato 1.5em al margin top in modo da distanziare il sottomenu da quello soprastante.

Questo è il risultato.

La domanda che mi rimane rispetto al menu ora è: come faccio a rendere la lunghezza del sottomenu pari a quella del menu sovrastante (anche se le voci sono meno). In questo momento infatti il sottomenu comincia esattamente sotto la voce del menu alla quale è relativo, in una maniera un po' poco elegante a mio parere.