Netscape, Opera und Firefox beschneiden meine Menü-Buttons!!

Hallo,

kleines Problem:
Habe eine Site erstellt, die mit dem IE einwandfrei funktioniert.
Läuft auch auf Netscape, Opera und Firefox, allerdings mit Abstrichen!
Meine Menü-Buttons auf der linken Seite werden exakt auf die Größe
des Textes beschnitten! Eigentlich sind die Buttons ganze Bilder, also
nicht zusammengestückelt aus mehreren kleinen Bildern!
Leider habe ich keine Ahnung woran dies liegen könnte.

Hier der Link zur Test-Site, die sich noch im Aufbau befindet:

http://www.nbb.de/nbb_cms/index.…emid=26&lang=de

und hier mein komplettes css-File(der Part mit den Buttons ist fett und kursiv):

BODY {
margin : 0px 0px 0px 0px;
background-color : #eeeeee;
color : #000000;
}

td, tr, p, div {
font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
}

ul {
margin : 0px 0px 0px 0px;
}

li {
list-style-image : url('../images/arrow.gif');
list-style-position:inside
}

hr {
background : #C0C0C0;
height : 1px;
width : 100%;
}

a.buttonbar:link, a.buttonbar:visited {
color : #FFFFFF;
font-weight : bold;
text-transform : uppercase;
}

a.buttonbar:hover {
color : #0E5CAD;
text-decoration : none;
}

a.pathway:link, a.pathway:visited {
color : #285078;
font-weight : normal;
}

a.pathway:hover {
color : #CC6600;
font-weight : normal;
}

.menu {
background : #FFFFFF;
border : 0px solid #C0C0C0;
}

.menutop {
background : #BFDFFF;
border : 1px solid #C0C0C0;
}

.menubottom {
background : #E5E5E5;
border : 1px solid #C0C0C0;
}

.modules {
background : #F7F7F7;
border : 1px solid #C0C0C0;
}

.mainlevel {
letter-spacing : 0px;
padding-left : 15px;
width : 160;
line-height : 22px;
border : 3px solid #FFFFFF;
}

a.mainlevel:link, a.mainlevel:visited {
color : #000000;
background : url('../images/icon01.gif');
font-weight : bold;
background-repeat: no-repeat;
}

a.mainlevel:hover {
color : #FFFFFF;
background : url('../images/icon02.gif');
font-weight : bold;
background-repeat: no-repeat;
}.sublevel {
letter-spacing : 0px;
padding-left : 5px;
}

table.moduletable th {
font-size : 11px;
font-weight : bold;
color : #0088CA;
text-align : left;
letter-spacing : 0px;
border-bottom : 1px solid #AFD1F4;
}

table.moduletable {
margin: 0px 0px 0px 0px;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
}

.sectiontableheader {
background-color : #AFD1F4;
color : #FFFFFF;
height : 20px;
font-weight : bold;
letter-spacing : 1px;
}

.sectiontableentry1 {
background-color : #F0F0F0;
}

.sectiontableentry2 {
background-color : #E0E0E0;
}

.date {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
font-weight : normal;
}

.small {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #CC6600;
text-decoration : none;
font-weight : normal;
}

.smalldark {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #002850;
text-decoration : none;
font-weight : normal;
}

.contentpane {
text-align : justify;
background : #F7F7F7;
border : 1px solid #C0C0C0;
padding-right : 10px;
margin-bottom : 10px;
}

.contentpaneopen {
text-align : justify;
background : #F7F7F7;
border : 1px solid #C0C0C0;
margin-bottom : 10px;
}

.contentheading, .componentheading {
font-size : 13px;
font-weight : bold;
color : #000000;
letter-spacing : 2px;
border-bottom : 1px solid #AFD1F4;
text-align : left;
}

.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
text-align : left;
}

.button {
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 11px;
color : #000000;
background : #EFEFEF;
border : 1px solid #C0C0C0;
}

.inputbox {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
background : #F7F7F7;
border : 1px solid #C0C0C0;
}

a:link, a:visited {
font-size : 11px;
color : #285078;
text-decoration : none;
font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
color : #CC6600;
text-decoration : none;
}

a.category:link, a.category:visited {
color : #285078;
font-weight : bold;
letter-spacing : 1px;
}

a.category:hover {
color : #CC6600;
}

Wäre suuuper, wenn mir jemand schnell helfen könnte!

Gruß

Magic

habe ich ausprobiert, funktioniert aber leider nicht!
Auch nicht wenn ich Länge und Breite angebe!

Sonst noch irgendjemand eine Idee???

Also ich habe auf meine Seite geschaut und gesehen,
dass es nicht funktioniert! Mit dem Internet Explorer funktioniert
es, wie gesagt, aber nicht mit Netscape, Firefox und Opera!
Die Buttons sollen alle gleich lang sein und eine bestimmte Höhe haben!
Vergleiche doch mal die Ansicht zwischen Internet Explorer
und einem der anderen genannten Browser!

Danke, danke, danke!

Es hat funktioniert! Naja, bei den Untermenüs nicht so ganz,
aber halb so wild, die gibt´s jetzt einfach ohne HG!
Alles andere funktioniert!

Vielen Dank nochmal.

Gruss