Hi,
Problemstellung:
Die Abstandhalter horizontal bei den Navi-Elementen machen nicht was sie sollen.
Die "Abstandhalter" selbst sind schon das Problem.
Was willst du mit diesen? Sie sind absolut nicht besser als die "Blind-GIFs" aus dem vorletzten Jahrtausend.
Abstaende erzeugst du ueber margin und padding.
Definition sollte "height:1px" sein wird aber vom IE6 trotzdem Falsch dargestellt (ca. 10px). In Firefox und IE7 funktioniert es problemlos.
Der IE < 7 haelt genuegend Platz fuer nicht vorhandenen, hypothetischen Textinhalt frei. overflow:hidden hilft.
Was habe ich nicht richtig verstanden, bzw. wo habe ich einen Fehler gemacht?
Was deinen HTML-Code angeht: Eine Menge.
Es ist absolut sinnfrei, sich zu sagen, "so, ab jetzt missbrauche ich keine Tabellen mehr fuer's Layout" - und dann eine solch fiese Div-Suppe zusammenzubrauen.
Nutze die HTML-Elemente, die die jeweiligen Inhaltsbestandteile am sinnvollsten auszeichnen - und klatsche nicht einfach alles gedankenlos in Divs.
Hx fuer Ueberschriften, P fuer Textabsaetze, Listen fuer Navigationen (denn das sind nun mal Listen von Links), etc.
MfG ChrisB