Liste mit float: left formatiert - keine Listenzeichen im IE

[David S.]

Hallo zusammen,

nachdem ich jetzt vergeblich sämtliche Forenarchive durchsucht habe, muss ich leider doch ein neues Thema aufmachen:

Ich habe eine unsortierte Liste via CSS mit der Eigenschaft 'float:left' formatiert. Weiterhin habe ich die Option 'list-style-type:square' gewählt.

Mein Problem: sobald ich 'float' verwende, verschwinden im IE (7) die Listenzeichen. Im FF werden sie dagegen korrekt dargestellt. Entferne ich 'float', bekomme ich auch im IE die Zeichen zurück - allerdings natürlich untereinander...

---> HTML-Code <---
<div id="subnavi">
 <ul>
  <li><a href="#">#</a></li>
  <li><a href="#">#</a></li>
 </ul>
</div>

---> CSS-Code <---
#subnavi ul {
 background: url(../pixel/subnavi.jpg) no-repeat;
 width: 910px;
 height: 46px;
 padding-top: 5px;
 padding-left: 15px;
 list-style-type: square;
}

#subnavi li {
 float: left;
 margin-left: 30px;
}

Meine einzige Vermutung ist, dass IE und FF standardmäßig ein verschiedenes 'display' verwenden, denn wenn ich in '#subnavi li {}' die Eigenschaft 'display:block' oder 'display:inline' ergänze, verschwinden auch dort die Listenzeichen.

Hat jemand schon Erfahrung mit diesem Problem oder einen Lösungsansatz für mich? Ich weiß gerade leider nicht mehr weiter.

Mit freundlichen Grüßen
David