IE11 CSS - навигационный div перемещается при зависании определенных ссылок

Question

Когда я нависаю над навигационными ссылками «dienstleistungen и т. Д.», в IE11 навигационный div перемещается вниз на дно с огромным запасом.

Я пробовал: - Удалите position: relative со всех бустеров col в boostrap.min.css.

Такая же проблема. Есть идеи?

IE8 Works и любой другой браузер.

Вот HTML:

<div class="col-sm-4 hidden-xs"> 
       <a href="index.html"> 
        <img src="img/logo.jpg" align="middle" id="logo-lg" alt="Logo Lemag Treuhand"> 
       </a> 
       <ul class="listMenuItem"> 
        <li class="listMenuChild"> 
         <a href="content/services.html" class="listMenuChild--title">Dienstleistungen</a> 
        </li> 
        <li class="listMenuChild"> 
         <a href="content/about.html" class="listMenuChild--title">Über uns</a> 

        </li> 
        <li class="listMenuChild"> 
         <a href="content/publications.html" class="listMenuChild--title">Publikationen </a> 

        </li> 
        <li class="listMenuChild"> 
         <a href="content/tools.html" class="listMenuChild--title">Hilfsmittel </a> 

        </li> 
        <li class="listMenuChild"> 
         <a href="content/contact.html" class="listMenuChild--title">Kontakt/Lageplan </a> 
        </li> 

       </ul> 
      </div> 

CSS

/** 
------------------ 
NAV 
------------------ 
**/ 

.listMenuChild--title { 
    font-size: 1.638em; 
    margin-left: 20px; 
} 

.listMenuChild--subtitle { 
    font-size: 14px; 
    margin-right: -2px; 
} 

.sub-nav { 
    margin-left: -7%; 
} 

.sub-nav li { 
    list-style: none; 
    margin-bottom: 2%; 
    margin-top: 1%; 
} 

.listMenuChild { 
    list-style-image: url("../img/bg_li.png"); 
    margin-top: 5%; 
} 

.listMenuChild--title:hover { 
    list-style-image: url("../img/bg_li_h.png"); 
} 

.listMenuChild:hover { 
    list-style-image: url("../img/bg_li_h.png"); 
} 

.active-bullet { 
    list-style-image: url("../img/bg_li_h.png"); 
} 

.actives { 
    color: black; 
} 

.listMenuItem { 
    margin-top: 18%; 
    margin-left: 5%; 
} 

Если вам нужен исходный код:

Вы нашли это Here

Answer 1

Попробуйте добавить padding: 0px к listMenuItem. Это говорит о том, что это устраняет проблему, даже если непонятно, почему. Возможно, это вызывает свойство hasLayout для браузеров IE.