<li><a>-Inhalt bei display:block hinter <ul>-Background-Image

[mb-bs]

Hallo,

ich habe auf einer Seite nachfolgende CSS-Regeln definiert:

#main #left #menu_bg {  
   width: 224px;  
   background: transparent url(menu_bg.jpg) no-repeat bottom left;  
}  
  
#main #left ul.menu {  
   padding: 7px 12px;  
   list-style-type: none;  
   background: transparent url(top_menu.jpg) no-repeat top left;  
}  
  
#main #left ul.menu li {  
   border-bottom: 2px dashed #90D5F2;  
}  
  
#main #left a {  
   display: block;  
   margin-left: 5px;  
   padding: 10px 0 5px 25px;  
   color: #FFFFFF;  
   text-decoration: none;  
   font-size: 120%;  
   background: none;  
}  
  
#main #left a:hover {  
   background: transparent url(apfel.png) no-repeat center left;  
}  
  
#main #left ul.menu li.last {  
   padding-bottom: 2px;  
   border-bottom: none;  
}

Der zugehörige HTML-Code sieht so aus:

<div id="menu_bg">  
   <ul class="menu">  
      <li><a href="http://www.google.de">Home</a></li>  
      <li><a href="http://www.google.de">Unsere Angebote</a></li>  
      <li><a href="http://www.google.de">Firmenphilosophie</a></li>  
      <li><a href="http://www.google.de">Kursangebot</a></li>  
      <li><a href="http://www.google.de">Öffnungszeiten</a></li>  
      <li class="last"><a href="http://www.google.de">Bildergallerie</a></li>  
   </ul>  
</div>

Im Internet Explorer 6 liegt das Hintergrundbild der Liste über den Listenpunkten. Wenn ich das Image wegnehme, kann ich die Links sehen, wenn ich aus der Link-Definition das display:block wegnehme, passt auch alles.

Gab es nicht eine bestimmte Reihenfolge, an welcher Stelle display: block stehen muss?

Find keinen Fehler im Quellcode, hat jemand noch eine Idee.

Schonmal Danke!

Gruß

mb-bs