white-space:nowrap und width:auto - falsche Breite?

[Rolf Borchmann]

Hi zusammen,

ich will - wie so viele andere auch - Dropdownmenüs programmieren und brauche dazu ausklappende Objekte. Da das lt. SELFHTML im IE nicht mit reinem CSS geht, mach ich also ein DIV das ich per Javascript auf display:none oder display:block schalte.

Also sowas (mit etwas mehr href im Original...):
<div class="tdmenuBox">
  <a href="#top">Komplett</a>
  <a href="#top">Oben links</a>
  <a href="#top">Oben rechts</a>
  <a href="#top">Unten links</a>
  <a href="#top">Unten rechts</a>
</div>

Styling dazu:
.tdmenuBox {
  border:1px solid black;
  margin:6px 0px 5px 0px;
  padding:2px 2px 2px 2px;
  background:#ffffff;
  width:auto; white-space:nowrap
}

Mein Problem: Der Firefox macht das ganz prima. Der IE 6 aber meint, in der Kombi mit width:auto das white-space:nowrap ignorieren zu müssen. Er macht die Box so schmal dass "Komplett" 'reinpaßt und bricht die anderen Menüpunkte um. Mache ich da was falsch oder ist das einfach ein Bug im IE?

Als Workaround habe ich im Moment die Texte mit &nbsp; garniert, aber wenn's mein Fehler ist und nicht der vom IE würd ich das schon gern erfahren ;)

Danke
Rolf