css einstellungen für verschiedene browser

[Vetinari]

hallo,

habe ein paar probleme mit einer navigationsleiste und mir deshalb den folgenden thread angesehen:
http://de.selfhtml.org/css/layouts/navigationsleisten.htm
dort fand ich einige gute tipps, welche ich umgesetzt habe, aber ich bekomme es nicht hin, dass die website sowohl im ie als auch im firefox gut aussieht. hier mal der link:
http://www.martinlanius.de/test.html

und hier der css teil für das script test.html:

div#Rahmen {
    width: 48.1em;
    padding-left: 0em;
    border: 0px;
    background-color: #014286;
}
* html div#Rahmen {  /* Korrektur fuer IE 5.x */
    width: 47.9em;
    w\idth: 47.9em;
}
div#Rahmen div {
     clear: left;
}
ul#Navigation {
    margin: 0; padding: 0;
    font: normal 100% Verdana,Arial,Helvetica;
    text-align: center;
}
ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0em; padding: 0;
}
* html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.1em;
}
ul#Navigation a, ul#Navigation span {
    display: block;
    width: 104.8px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0em 0em;
    text-decoration: none; font-weight: bold;
    border: 1px solid white;
    border-left-color: white; border-top-color: white;
    color: white; background-color: #4195DE;
}
* html ul#Navigation a, * html ul#Navigation span {
    width: 79.4pt;   /* Breite Block nach altem MS-Boxmodell für IE 5.x */
    w\idth: 79.4pt;  /* korrekte Breite Block fuer den IE 6 im standardkonformen Modus */
}
ul#Navigation a:hover {
    color: white; background-color: #3154A2;
}
span#bild {
    margin-left: 0.2em;
}

mal abgesehen davon, dass die menüleiste in beiden browsern leicht unterschiedlich aussieht, rutscht das kleine bild links von der navigation im firefox zu weit nach links. deshalb hatte ich margin-left: 0.2em angegeben. hilft aber nix ...

gruss, martin