position Problem bei IE7

[ska3k]

Hallo,
ich bin gerade sehr verzweifeln und habe auch schon eine Menge probiert. Es geht um ein Menü das ich relative positioniert hab, was auch im IE8, FF, Safari und Opera problemlos klappt, nur der IE7 zickt wieder mal rum.

Die Ausgangs-CSS schaut so aus:

#menu {
max-width: 1075px;
width: 100%;
height: 31px;
position: relative;
left: 50%;
margin-left: -540px;
top: 208px;
z-index: 4;
font-size: 18px;
padding-left: 0px;
}

und wird durch diese überschrieben, wenn der Browser<=IE7:

#menu {
max-width: 1075px;
width: 100%;
height: 31px;
position: static;
margin-left: 540px;
margin-top: 300px;
z-index: 4;
font-size: 18px;
padding-left: 0px;
}

Leider positioniert er damit das ganze Menü irgendwie immer absolute, d.h. wenn gescrollt wird bleibt das Menü immer auf der gleichen Stelle auf dem Bildschirm stehen.

Wo liegt mein Fehler?

Vielen dank schonmal!

 

[ska3k]

Ich habe den Code für die IE7 nochmals modifiziert und unnötige Sachen entfernt, aber die div mit der css-id wird immer noch mitgescrollt:

#menu {
max-width: 1075px;
width: 100%;
height: 31px;
margin-left: -540px;
z-index: 4;
font-size: 18px;
}

Hier noch ein Link zur Seite: Glaskunst und Architektur Oberf