"MouseOver" über gesamtem button statt nur überm T Einstellungen

[Gast_Ace_NoOne_*]

Hallo erstmal.

Ich hab' mir ein Nav-Menü geschrieben, das dynamisch Untermenüs aufklappt, wenn man mit der Maus über den jeweiligen Menübutton fährt (=> JavaScript - "onMouseOver"; betrifft logischerweise auch den grafischen Effekt, den ich mit CSS und ":HOVER" erzeugt habe).
Das Problem ist jetzt, dass die buttons teilweise deutlich breiter sind als der Text. Dadurch wird das jeweilige Untermenü nur aktiviert, wenn man genau über den Text fährt, was natürlich etwas störend wirkt.
Natürlich könnte ich jetzt mit Leerzeichen 'auffüllen', sodass der "Text" auf den buttons immer bis zum Rand reicht - aber das wäre erstens ungenau und zweitens unsauber...

Wäre dankbar für Hilfestellungen.

[Gast_Ace_NoOne_*]

Mit <ul> und "display: block;" geht's nicht, weil - wie bereits erwähnt - die buttons in der Menüleiste horizontal, nicht vertikal angeordnet sind!?
Das mit der pt-Angabe stimmt wohl, aber ... naja, werd's mal über %-Angaben versuchen (die Bedeutung der em-Angabe versteh' ich nicht ganz; ist das nicht das gleiche wie Angaben in Prozent?).
Was die links angeht: Ist mir bewußt, dass das im Normalfall ein Fall für die usability-Polizei wäre, und mein Professor (Informationswissenschaft) würde mich killen - aber es ist eben keine normale website, sondern eher eine Art 'internes Dokument'... Trotzdem danke für die Fürsorge!