CSS and JScript cleanup to fit a button-div across Browsers

I have a simple Construction of divs that displays a functional button with a drop down effect on websites. Complete sample on [login to view URL] I just need to get this button displayed corectly on "all browsers". Actually i have problems with "font-size" If this changes by the website (and the button have to be integrated in some other websites) then the margins was displayed different and the design "crashes". Also i have problems with the events. The "open event should" only work if the user is over the area of the closed button. (test the behaviour...) I need the "better" Button as HTML / Javascript and CSS Solution. +++ Ich habe eine einfache Konstruktion von <div>`s die einen funktionalen Button mit Dropdown Effekt darstellen. Das Beispiel und damit alle benötigten Infos und Codes befindet sich auf der Startseite von [login to view URL] Ich benötige eine korrigierte Version dieses Buttons. Aktuell habe ich Probleme mit der CSS Eigenschaft "font-size". Wenn sich diese auf der Website, in der der Button integriert ist - ändert, zerstört es das Design des Buttons, weil sich die Margins dann anders verhalten (?) (warumauchimmer) Das zweite Problem bereiten mir die Events. Der button soll erst dann "aufgehen", wenn ich mit der Maus über dem geschlossenen Button "bin". Aktuell wird der Event schon ausgeführt, wenn ich über dem "noch unsichtbaren" Teil mit der Maus bin. (einfach testen, dann sieht man es...) Ich brauche den Button - in einer korrigierten Version genauer benötige ich die HTML, Javascript und CSS Codes.