IE6- Problem: Interpretation von margin

[Stas]

Hallo,
hatte schon mal das Beispiel gepostet.
http://sunflowerlike.bplaced.net/test/main.html
Hier eine dank Suit verbesserte Version (die Liste links).
3-spalten Layout+ Header und faux-column technik. Mozilla interpretiert es richtig, IE versetzt den Header und dann die Spalten nach unten... Das Problem ist nicht Browsermodus, das habe ich bereits getestet, sondern die Interpretation von margins oder position.
Z.B.
#sidebars {
 position: absolute;
 width: auto;
 left: 0px;
        top: 30px;
 background-image:  url("sidebar2.2.gif");
 background-repeat: repeat-y;
 background-position: left;
}

Wenn dieses top:30px auf 0px gesetzt wird, rutscht div sidebars in IE nach oben (bleibt aber trotzdem Luft zwischen ihn und Menü), aber in Mozilla wird die Menüleiste überlappt...
Finde keine Lösung, die die richtige  Darstellung in beiden FF und IE ermöglicht. Hat jemand eine Idee wo der Fehler liegt?

[Stas]

In IE7 hält sich der ganze Inhalt zusammen, rutscht aber als Ganzes innerhalb der Rahmen nach unten... Immerhin eine Idee besser:-)