[CSS] MouseOver Button Problem

[kaSio]

Hallo,
ich hoffe so ein Thema gibt es noch nicht, hab ein bißchen rumgesucht aber nichts gefunden.

Wie aus der Überschirft schon hervorgeht hab ich ein CSS Problem ziwschen IE und Firefox.

Beim IE zeigt es alles normal an so wie ich es programmiert hab.
Internet Explorer v7.0:

Aber im Firefox sind die Kasten nur so breit und hoch, so groß wie die Schrift ist.
Firefox v2.0:

Kann mir vielleicht einer weiterhelfen, probier schon lang den Fehler zu beheben. Vielen Dank!
Was ich noch dazu sagen muss, ich bin ein Neuling in CSS.

Hier ist der Code:

<style type="text/css">  
<!--  
  
#menu01  {  
width:954px;  
margin: 0px;  
padding:0px;  
}  
  
#menu01 ,#menu01 {  
        margin: -4px;  
        padding: 0px;  
        }  
  
#menu01 a:link , #menu01 a:visited {display:inline;height:36px;  
line-height:300%;width:106px;  
background-image:url(../bt/assets/images/MouseOver/mouseover_01.jpg);  
  
        color:#5A5B5D;  
        text-decoration:none;  
text-align:center;  
        font-size: 10px;  
        font-family: verdana, sans-serif;  
        padding:0px;  
        margin:-2px;  
}  
  
#menu01 a:hover , #menu01 a:active {background-color:#FEFFFF;  
background-image:url(../bt/assets/images/MouseOver/mouseover_02.jpg);  
        color:#03AFAF;}  
  
-->  
</style>

<div id="menu01">  
<a href="/bt/html/de_wir_ueber_uns.html"  onfocus="this.blur()">Wir über uns</a>  
<a href="...  
...  
</div>

mfg kaSio