Menüs unterschiedlich in IE, Mac-Safari + Firefox

Hatte schon bei Anfängerfragen gepostet, aber niemand konnte helfen.
Verzweifel mit unterschiedlichen Darstellung im IE und Mac.
Besonders schlimm– jeder Mac-Browser reagiert anders :-(

Beim Safari wird das Menue ganze 6 Px breiter als im IE und sprengt meine Gestaltung.
Auffällig ist, dass ich auch 6 Menuepunkte habe ...
Hat jemand eine idee wie ich es besser löse?

Das ist die CSS des Menue:

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
/*font: bold 13px Arial;*/
width: 100%;
height: 30px;
overflow: hidden;
margin-bottom: 0px;
/*border: 1px solid #625e00;*/
border-width: 1px 0;
margin-top: 0px;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
text-align:center;
padding: 5px 17px;
text-decoration: none;
border-left: 1px solid #558cbb;
border-right: 1px solid #023158;
background: #003e71 url(button1b.gif) center center repeat-x;
background-color: #003e71;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #fffad2;
background: transparent url(button2b.gif) center center repeat-x;
}

Hier seht Ihr das Menue:
http://p103634.typo3server.info/

p.s. wenn es einen Profi gibt, der das Problem lösen kann, bzw. Erfahrungen mit den verschiedenen Browsern (auch Mac) hat – ich würde auch den Aufwand bezahlen.

Bin relativer Anfänger und der Programmierer, der mitarbeiten wollte, hat im Moment keine Zeit –
aber ich muß unbedingt schnell eine Lösung finden...

Hi!
Das sind einfach nur CSS-Grundlagen... Dafür gibt spezielle Internetseiten. Es gibt viele Sachen die beachtet werden müssen, damit es in allen Browsern gleich aussieht.
So z.B. sollte man an bestimmten Stellen keine Border benutzen.

Als Basis solltest du Firefox mit Firebug benutzen...
Gruß

Malte