проблемы в IE 8 ---> res://ieframe.dll/acr_error.htm#

Главные вкладки

Аватар пользователя iNFerNo iNFerNo 27 августа 2012 в 11:36

При наведение мышкой на пункты выкидывает из IE8 (res://ieframe.dll/acr_error.htm#мойсайт)

что в блоке.

<div class="level-3 clearfix">
<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>

что в стилях

#nav {
    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 так реагирует????

Комментарии