A więc sprawa wygląda tak. Wszystko oczywiście działa przyjemnie w FF, Operze i Chromie.
http://oi41.tinypic.com/2hh0m5i.jpg - u góry FF, etc. na dole IE11.
Chodzi o rozwijane menu zrobione w taki sposób(wyciąłem zbędne rzeczy z kodu)
<div id="menu">
<ul id="main_menu">
<li class="top">
<a href="#">projekty</a>
<ul id="pull_down">
<li><a href="wnetrza.html">wnętrza</a></li>
<li><a href="#">ogród</a></li>
<li><a href="#">kuchnia</a></li>
</ul>
</li>
</ul>
</div>
CSS, który wpływa na te rozwijane menu. Top i Left jest ustawiony dlatego, że nie potrafiłem wymysleć innego sposobu ustawienia rozwijanego menu dokładnie pod tym li (tu jak ktoś mnie oświeci to też będzie fajnie :D Fajnie jakby nie wykorzystywało to JS). Bez tych przesunięć ustawiał się zawsze pod lewym górnym rogiem całego ul #main_menu, gdyż tam było ustawione position na relative.
#menu{
margin: 0;
margin-top: 13px;
margin-left: 33px;
padding: 0;
float: left;
width: 100%;
height: 28px;
}
#main_menu{
margin: 0;
padding: 0px;
float: left;
position: relative;
}
#pull_down{
display: none;
margin: 0;
padding: 0px;
position: absolute;
top: 28px;
left: 306px;
z-index: 100;
}
#pull_down li{
list-style: none;
display: block;
}
.top:hover > #pull_down{
display: block;
}
Nie dałem CSSa z #main_menu ul i li, bo to raczej nie powinno mieć wpływu na ten błąd.
Starałem się całość zmieścić w HTML/CSS, bez użycia JS. Co się da to tak robię, a w JS robię tylko to co inaczej się nie da. No i teraz mam problem z Explorerem. Kiedy lista rozwijana jest długa i wykracza wysokością poza div #menu to wszystko działa okej w fajnych przeglądarkach, natomiast w IE zamiast wyjść poza div, 3 i 4 element rozwijanej listy ustawia się obok, 5 i 6 jeszcze dalej, tak jakby nie potrafiła wyjść poza otaczający go div. Czy ja coś tu zrobiłem w nieprawidłowy sposób czy jest jakiś sposób żeby to obejść w IE?