od jakiegoś czasu męczę się z wyświetlaniem menu w IE starszych niż 8. Proszę o pomoc. Kod HTML menu:
Kod: Zaznacz cały
<div id='multi_drop_menus'>
<ul>
<li><a href='index.php' class='kategoria'>Główna</a></li>
<li><a href='onas.php' class='kategoria'>O Nas</a> </li>
<li> <a href='#'>Oferta salonu</a>
<ul>
<li><a href='fryzjerstwo.php'>Fryzjerstwo</a></li>
<li><a href='kosmetyka.php'>Kosmetyka</a></li>
<li><a href='solarium.php'>Solarium</a></li>
</ul>
</li>
<li><a href='#' class='kategoria'>Oferta pracowni makijażu</a>
<ul>
<li><a href='makijaz_wieczorowy.php'>Makijaż wieczorowy</a></li>
<li><a href='makijaz_slubny'>Makijaż ślubny</a></li>
<li><a href='analiza.php'>Analiza kolorystyczna</a></li>
<li><a href='lekcje.php'>Lekcje makijażu</a></li>
<li><a href='metamorfoza.php'>Metamorfoza</a></li>
<li><a href='sesjafoto.php'>Obsługa sesji foto <br/> i planu filmowego</a></li>
<li><a href='makijaz_pokazy.php'>Makijaż do pokazów mody</a></li>
<li><a href='makijaz_portfolio.php'>Makijaż do portfolio</a></li>
<li><a href='body_painting.php'>Body painting</a></li>
<li><a href='wieczory_panienskie.php'>Wieczorki panieńskie</a></li>
</ul>
</li>
<li> <a href='zaproszenia.php' class='kategoria'> Zaproszenia </a> </li>
<li> <a href='cennik.php' class='kategoria'> Cennik </a> </li>
<li> <a href='galeria.php' class='kategoria'>Galeria </a></li>
<li> <a href='aktualnosci.php' class='kategoria'> Aktualności </a> </li>
<li> <a href='wspolpraca.php' class='kategoria'> Współpraca </a> </li>
<li> <a href='komentarze.php' class='kategoria'> Komentarze </a> </li>
<li> <a href='kontakt.php' class='kategoria'> Kontakt </a> </li>
</ul>
</div>Kod: Zaznacz cały
/* menu */
#multi_drop_menus {
behavior:url(csshover.htc);
float:left;
margin-top: 3%;
margin-left: 5%;
padding-left: 0;
background-color: #CECFD1;
width: 90%;
-webkit-box-shadow: 3px 3px 6px #000;
-moz-box-shadow: 3px 3px 6px #000;
box-shadow: 3px 3px 6px #000;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
}
#multi_drop_menus ul {
padding-left: 7%;
overflow: auto;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
#multi_drop_menus li {
list-style-type:none;
float:left;
/* position:relative;
*/}
#multi_drop_menus a.kategoria {
color: #6F1413;
text-decoration: none;
padding-right: 5px;
padding-left: 5px;
font-size: 15px;
font-variant: small-caps;
font-weight: bold;
line-height: 20px;;
}
#multi_drop_menus a {
color: #6F1413;
text-decoration: none;
padding-right: 3px;
padding-left: 3px;
font-size: 15px;
font-variant: small-caps;
font-weight: bold;
}
#multi_drop_menus li ul {
position: absolute;
padding: 5px 5px 5px 5px;
width: 15em;
display:none;
}
#multi_drop_menus li:hover ul{
display:block;
background-color: #CECFD1;
}
#multi_drop_menus li ul li{
width:100%;
}
#multi_drop_menus a:hover {
color: #CECFD1;
background: red;
}
/*koniec menu*/Adres strony: http://hoopak.na11.pl/pliki/salonvip/index.php
Bardzo proszę o pomoc.
Pozdrawiam,
hoopak.