При наведение мышкой на пункты выкидывает из IE8 (res://ieframe.dll/acr_error.htm#мойсайт)
что в блоке.
<div class="event-main"><a href="/directions/8/events.html">Мероприятия</a> </div>
<div class="event-block clearfix">
<ul id=nav>
<li class=sub><a href="/events/145.html">145</a>
<ul>
<li><a href="/events/145.html">Характеристика</a></li>
<li><a href="/events/145/finance.html">Финансирование</a></li>
<li><a href="/events/145/results.html">Итоги реализации</a></li>
</ul></li>
<li class=sub><a href="/events/146.html">146</a>
<ul>
<li><a href="/events/146.html">Характеристика</a></li>
<li><a href="/events/146.html">Финансирование</a></li>
<li><a href="/events/146.html">Итоги реализации</a></li>
</ul></li>
<li class=sub><a href="/events/147.html">147</a>
<ul>
<li><a href="/events/147.html">Характеристика</a></li>
<li><a href="/events/147.html">Финансирование</a></li>
<li><a href="/events/147.html">Итоги реализации</a></li>
</ul></li>
<li class=sub><a href="/events/148.html">148</a>
<ul>
<li><a href="/events/148.html">Характеристика</a></li>
<li><a href="/events/148.html">Финансирование</a></li>
<li><a href="/events/148.html">Итоги реализации</a></li>
</ul></li>
<li class=sub><a href="/events/149.html">149</a>
<ul>
<li><a href="/events/149.html">Характеристика</a></li>
<li><a href="/events/149.html">Финансирование</a></li>
<li><a href="/events/149.html">Итоги реализации</a></li>
</ul></li>
<li class=sub><a href="/events/150.html">150</a>
<ul>
<li><a href="/events/150.html">Характеристика</a></li>
<li><a href="/events/150.html">Финансирование</a></li>
<li><a href="/events/150.html">Итоги реализации</a></li>
</ul></li>
</div>
</div>
что в стилях
margin: 50px;
z-index: 10;
display: block;
}
#nav li { float: left; }
#nav li:hover { position: relative; list-style: none outside none; }
#nav li:hover > a {
background: #021A1A;
box-shadow: 5px 5px 25px #000;
-moz-box-shadow: 5px 5px 25px #000;
-webkit-box-shadow: 5px 5px 25px #000;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#nav li.sub:hover > a {
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
#nav li a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 12px;
display: block;
}
#nav li a:hover { background-color: #021A1A; }
#nav li ul {
background: #fff;
margin-top: -2px;
display: none;
}
#nav li:hover ul {
display:block;
position:absolute;
}
#nav li ul {
background: rgba(255,255,255,0.5);
padding: 10px 5px;
box-shadow: 5px 5px 25px #000;
-moz-box-shadow: 5px 5px 25px #000;
-webkit-box-shadow: 5px 5px 25px #000;
border-radius: 0px 15px 15px 15px;
-moz-border-radius: 0px 15px 15px 15px;
-webkit-border-radius: 0px 5px 5px 5px;
}
#nav li ul li a, #nav li ul li a:hover {
background: transparent;
color: #000;
width: 150px;
font-size: 0.95em;
font-weight: normal;
}
#nav li ul li a:hover { text-decoration: underline;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
если удалить стили косяков нет.
если создать хтмл страницу со стилем и кодом для ссылок - проблем нет.
что не нравится друпалу на который ИЕ8 так реагирует????
Комментарии
Пути Windows неисповедимы...
всмысле