меню неупорядоченного списка CSS напоминает «шаги» в IE

Question

Мое меню работает хорошо на хороших браузерах. Код действителен (пока!). В IE, хотя это выглядит как лестница, каждый пункт меню находится на несколько пикселей ниже своего соседа Все должно быть горизонтально.

Пожалуйста, посмотрите здесь

альтернативный текст http://www.digiflipconcepts.com/images/bbdc-menu-anomaly.jpg

Answer 1

Применить display: inline к ul.menu li.

Answer 2

Моим первым предположением будет заполнение или отступ для ваших элементов li. посмотрим, поможет ли это:

li {
  padding: 0;
  margin: 0;
}

(заговорил слишком рано, похоже, у вас это есть)

на третий взгляд, похоже, вы устанавливаете следующее:

ul.menu li a {
  display: block
  padding: 11px 0 0;
}

посмотрите, поможет ли удаление этого отступа в 11px