IE поплавок вопрос

0

Привет, ребята), похоже, что у меня довольно распространенная проблема: с помощью hover'ing над плавающими элементами списка в IE, хотя я пока не нашел никакого решения. IE11 + WIN7. Вот мой HTML...

<!doctype html>
...
<ul id="horizontal-menu">
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
    <li><a href="#"></a></li>
</ul>

И у меня есть мой CSS таким образом...

#horizontal-menu {
    list-style: none;
}

#horizontal-menu li {
    display: inline-block;
    float: left;
    margin-left: 3px;
}

#horizontal-menu li a {
    background-color: green;
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
}

#horizontal-menu li a:hover, #horizontal-menu li a:active {
    background-color: red;
}

Проблема в том, что в IE фактическая область: область зависания этих ссылок элементов списка имеет странное левое поле, и она отлично работает для остальных браузеров...

Хотя у меня нет достаточной репутации для публикации изображений, здесь вы найдете быструю ссылку на мои объяснительные дроуны...

Нужны ваши хорошие советы: /tnx

...

Просто использовал это! DOCTYPE...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

не решила проблему...

...

Просто удалил дисплей: правило встроенного блока из li и элементов... не работало для меня

...

Удалены также все возможные унаследованные поля и paddings... все тот же

Проблема все еще существует

  • 0
    какая версия IE, выглядит нормально в 10
  • 0
    использование IE11 в Windows7
Теги:
internet-explorer

1 ответ

0

удалите display:inline-block правило display:inline-block как из li и a элементов

Поделиться
  • 0
    не получил результат, тнх
  • 0
    Убедитесь, что ваши теги a не наследуют некоторые поля откуда-либо еще, или даже элементы li , имеющие отступы от ранее объявленных правил.
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню