Navigation als Liste auf eine bestimmte Breite bringen

[Sabine M.]

Hallo,

ich stehe vor dem Problem, dass ich eine horizontale Navigation auf die volle Breite bringen möchte. Es befinden sich 5 Elemente in der Navigation, auf deren Breite ich keinen Einfluss ausüben möchte (sie sollen sich auf die vorgegebene Breite anpassen.

Im Firefox klappt das wunderbar mit "display: table" und "display: table-cell", aber leider nicht im IE 7...

Im IE 7 erscheinen die Listenelemente untereinander und der vorhandene Platz wird nicht genutzt. Im Firefox passen sich die Elemente wunderschön der vorgegebenen Breite jedoch wie gewünscht an.

Hier das CSS:

#menue ul {
  display: inline-block;  /* fuer IE 7 */
  display: table !important;
  width: 800px;
}

#menue li {
  display: inline;
  display: table-cell !important;
}

#menue li a...

und hier der HTML-Code:

<div id="menue">
  <ul>
    <li><span class="aktuell">Element 1</li>
    <li><span class="aktuell">Element 2</li>
    <li><span class="aktuell">Element 3</li>
    <li><span class="aktuell">Element 4</li>
    <li><span class="aktuell">Element 5</li>
  </ul>
</div>

Weiss jemand, wie man dem IE 7 das beibringt?

Vielen lieben Dank!
   Sabine