[HTML]Nakladanie się warstw

0

Mam taki problem że mam menu nakładające się na sekcję nagłowek. Wszystko dobrze działa w Operze i Mozilla Firefox ale nie wiem czemu nie chce działać w Internet Explorer :( . Efekt jest taki że nie wyświetla warstwy zapisanej w CSS jako MENU. Co mam zrobić żeby ją wyświetlało :) ?
Poniżej fragment mojego css (poninołem dane do formatowania tekstu w innych częściach strony):

html, body {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
background-image: url(theme/image/kratka.png);

}

dl, dt, dd {
display: block;
margin: 0;
padding: 0;
}

dl {
width: 150px;
padding: 1px 2px;
background-color: #9ce;
border: 3px #28e;
}

dt {
padding: 7px 30px;
font-weight: bold;
font-size: 11pt;
background-color: #25b;
color: #9ce;
text-align: right;
border-right: 30px solid #26d;
margin-top: 1px;
}

dd {
border-top: 1px solid #9ce;
font-size: 11pt;
}

dl a:link, dl a:visited {
display: block;
width: 137px;
text-decoration: none;
padding: 7px;
font-weight: bold;
background-color: #27c;
color: #def;
border-left: 0px solid #25b;
}

dl a:hover {
width: 120px;
background-color: #28e;
color: #fff;
border-left: 17px solid #26d;
}

#top {
width: 780px;
height: 2px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

#NAGLOWEK {
position:relative;
background-image: url(theme/image/banner.jpg);
background-repeat: no-repeat;
height: 106px;

}

#MENU {
position: absolute;
width: 164px;
float: left;
overflow: hidden;
top: 72px;

}
#PODMENU {
width: 152px;
float: left;
overflow: hidden;
background-color: #fff;
min-height: 280px;
border: 1px dotted black;

}

#TRESC {
width: 620px;
float: right;
overflow: hidden;
background-color: #fff;
min-height: 280px;
border: 1px dotted black;
}

#STOPKA {
clear: both;
color: black;
width: 100%;

}

Jak by to zmieniało to mogę podać adres strony.

0

nie patrzałem w css, ale próbowałeś ustawiać z-index ? np na 1000

0

Nic to nie daje.

0 użytkowników online, w tym zalogowanych: 0, gości: 0