HTML/CSS Problem mit z-index Bild (wird in IE nicht angezeigt)

[epic]

Hi,

es geht um folgende Seite: https://mariazell.conovio.com/

Das Problem: Im Firefox und allen anderen Browsern wird im Header der Button "Mariazeller Bürgeralpe" angezeigt und ist klickbar. Im Internet Explorer ist der aber nirgends zu sehen. Das Headerbild selbst wird dynamisch per PHP Script reingeladen im Moment ist es immer dasselbe aber in Zukunft soll das immer abgewechselt werden.

Hat jemand eine Idee, warum das nur im IE nicht angezeigt wird? Dankeschön!

Hier das CSS ->

#header{ // the whole header
margin-top:0px;
margin-left: 240px;
width: 710px;
height: 311px;
background-repeat:no-repeat;
z-index: 1;
position: absolute;
}
#linkbox{ // the box where the button is in
width: 205px;
height: 297px;
margin-top: 9px;
margin-left: 736px;
position: absolute;
z-index: 2;
}
#linkboxitems{ // for the existing and all further buttons
width: 205px;
height: 300px;
position: absolute;
z-index: 3;
}
.item_alpe a{ // the button inside the header
display: block;
}
.item_alpe{ // the button inside the header
margin-top: 60px;
margin-left: 3px;
width: 202px;
height: 56px;
background-image:url('/img/frontend/alpe.png');
background-repeat:  no-repeat;
position: absolute;
z-index: 4;
text-indent:-9000px;
}

 

[tleilax]

Als allererstes würde ich probieren, die Kommentare richtig zu machen, eventuell tut sich der IE damit schwer.

Kommentare in CSS gehen nur mittels "/* comment */". Ein von sonst überall bekanntes "// comment" gibt's nicht...

 

[epic]

Als allererstes würde ich probieren, die Kommentare richtig zu machen, eventuell tut sich der IE damit schwer.

Kommentare in CSS gehen nur mittels "/* comment */". Ein von sonst überall bekanntes "// comment" gibt's nicht...

Die Kommentare habe ich jetzt nur fürs Forum dazugeschrieben, die sind normal nicht drin.
Aber danke für den Hinweis.

 

[thrown-out]

.item_alpe a, .item_advent a{
display: block;
position: relative;
z-index: 5;
}
.item_alpe{
margin-top: 60px;
margin-left: 3px;
width: 202px;
height: 56px;
background-image:url('alpe0000.png');
background-repeat:  no-repeat;
position: relative;
z-index: 4;
text-indent:-9000px;
}