Firefox ignoriert margin-bottom

[Luke]

Hi,

ich habe eine Menüleiste in dem sich mehrere Menüs befinden die durch margin-bottom einen Abstand zwischen sich haben. Dadurch sollte auch zwischen dem letzten Menü in der Leiste und dem unteren Leisten-Ende ein Abstand sein (alle Menüs haben per klassendefinition dieses margin-bottom). Im IE ist er auch da, nur im Firefox wird er nicht angezeigt, da ist einfach gar kein Abstand am Ende (zwischen den Menüs aber schon!). Der Code:

HTML

<div id="menu">  
 <div id="menu_header">  
  <div id="menu_footer">  
  
   <div class="menuitem">  
    <div class="menutitle">Mein blogage (Autor)</div>  
    <div class="menubody">  
     - <a href="#">Mein Profil</a><br />  
     - <a href="#">Meine Weblogs</a><br />  
     - <a href="#">Nachrichten</a><br />  
     - <a href="#">Freunde und Gruppen</a><br />  
     - <a href="#">Meine Dateien</a><br />  
     - <a href="#">Einstellungen</a>  
    </div>  
   </div>  
  
   <div class="menuitem">  
    <div class="menutitle">Seiten</div>  
    <div class="menubody">  
     - <a href="#">Why I'm so insanely cool</a><br />  
     - <a href="#">Another cool fact about me</a><br />  
     - <a href="#">About my insanely cool blog</a>  
    </div>  
   </div>  
  
  </div>  
 </div>  
</div>

CSS:

.menuitem {  
 margin-bottom: 27px;  
}  
  
.menuitem .menutitle {  
 font-family:  Arial, sans-serif;  
 font-size: 16px;  
 font-weight: bold;  
 background: url('images/menu_separator.gif') no-repeat bottom;  
 padding-bottom: 6px;  
}  
  
.menuitem .menubody {  
 margin: 8px 0px 0px 0px;  
}

Grüße,
Luke