Layoutproblem mit IE6

[goldie]

Hallo,
ich habe heute meine komplett überarbeitete Website online gestellt. Leider hatte ich nur im Firefox2 getestet :(((.
Nun muss ich feststellen das der blöde IE6 bei meiner Hauptnavi das float:left; fehlerhaft interpretiert. Link: www.arne-s.de

CSS der Hauptnavi:
/** Hauptnavigation
-------------------------------------------------------------------------------------------------- */
div#nav {
  background:#5D5D5D url(../images/nav-bg.jpg) top left repeat-x;
  margin:0 auto;
  width:925px; height:48px;
  border:solid 0px red;
}
#nav ul {
  list-style:none;
  font-size:1em;
  margin:0;
}
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav strong {
  float:left;
  display:block;
  padding:8px 10px 8px 20px;
  color:#FFFFFF;
  background-color:transparent;
  text-align:left;
  line-height:normal;
  width:202px;
  wid\th:172px;
}
#nav a:hover,
#nav a:focus,
#nav a:active {
  color:#FFFFFF;
  background:transparent url(../images/menu-arrow2.gif) 3px 50% no-repeat;
}
#nav strong {
  color:#FFFFFF;
  background:transparent url(../images/menu-arrow.gif) 3px 50% no-repeat;
}
#nav #lastlink {
  border:solid 0px red;
  width:85px;
}

[goldie]

hab die css wie folgt verändert hat aber nichts gebracht:

/** Hauptnavigation
-------------------------------------------------------------------------------------------------- */
ul#nav {
  background:#5D5D5D url(../images/nav-bg.jpg) top left repeat-x;
  list-style:none;
  font-size:1em;
  margin:0 auto;
  border:solid 0px red;
  width:925px; height:48px;
}
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:focus,
#nav a:active,
#nav strong {
  float:left;
  display:block;
  padding:8px 10px 8px 20px;
  color:#FFFFFF;
  background-color:transparent;
  text-align:left;
  line-height:normal;
  width:202px;
  wid\th:172px;
}
#nav a:hover,
#nav a:focus,
#nav a:active {
  color:#FFFFFF;
  background:transparent url(../images/menu-arrow2.gif) 3px 50% no-repeat;
}
#nav strong {
  color:#FFFFFF;
  background:transparent url(../images/menu-arrow.gif) 3px 50% no-repeat;
}
#nav #lastlink {
  border:solid 0px red;
  width:85px;
}

[goldie]

Habs hingekriegt:

#nav li {
  float:left;
}

hat gefehlt...

[Ingo Turski]

Hi,

Nun muss ich feststellen das der blöde IE6 bei meiner Hauptnavi das float:left; fehlerhaft interpretiert. Link: www.arne-s.de

wiso fehlerhaft? Anders! Gerade bei Listen dürfen und haben die Browser andere Voreinstellungen für margin und padding, die Du überschreiben kannst, um eine einheitliche Darstellung zu erreichen.
Allerdings würde ich mir auch Sorgen über andere Browser machen - bei Schriftvergrößerung verrutscht das genauso wie im IE6.

freundliche Grüße
Ingo