Positionierung Problem und CSS-Menü wird nicht angezeigt durch verschachtelte Divs in IE7

Question

für diese Seite: http://writershore.com/ltlaw/

ich validiert die Seite als XHTML 1.0 Transitional, und jetzt die absolute Positionierung scheint nicht zu arbeiten und am schlechtesten von allen Das Menü funktioniert im IE nicht richtig, es scheint sich unterhalb der Div. In Firefox und Chrome funktioniert das Menü gut.

1. Irgendwelche Gedanken auf, was mit meiner Positionierung in der "main" Div falsch?

2. Ist das Menü ein Überlaufproblem? Ein Z-Index-Problem? Ich habe Variationen von beiden ausprobiert und nicht das Ergebnis in IE behoben.

Nochmals vielen Dank für Ihre Ideen!

Answer 1

Dann ist es Zeit, das CSS zu validieren. 36 Fehler und 9 Warnungen:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwritershore.com%2Fltlaw%2F&profile=css21&usermedium=all&warning=1&lang=en

Das Menü hinter dem Text zeigt ein IE7 Problem, es funktioniert in IE8 gut. Ich werde einen Blick darauf werfen und sehen, ob ich etwas finden kann ...

Bearbeiten:
Sie haben die Einheiten auf alle Positionierung vergessen, deshalb funktioniert die Positionierung nicht. Zum Beispiel:

left: 40; 

sollten sein:

left: 40px; 

Edit 2:
Ich denke, dass z-index arbeiten kann das Menü Problem in IE7 zu beheben, müssen Sie nur noch den Z-Index gesetzt auf dem richtigen Element. Jetzt haben Sie es auf die Menüpunkte eingestellt, die sich auf einer völlig anderen Tiefenstufe befinden als die Elemente, vor denen Sie sie platzieren möchten. Die Elemente auf den gleichen Ebenen haben die Klassen colorbigbar und main, dort sollten Sie den Z-Index einstellen.