IE границы нарушая навигацию

Question

еще одна проблема в IE 6 ... ссылка

Список ссылок navbar имеет границу, примененную к левой стороне каждого элемента.

В fireforx / safari это совпадает с фоном панели навигации, но в IE граница / элемент выпадает ниже панели навигации (граница выступает внизу).

РЕДАКТИРОВАТЬ: ТАКЖЕ, панель навигации - это вся длина синего заголовка в IE, когда она должна быть такой же большой, как навигационные ссылки внутри нее! Arg!

Есть идеи? спасибо.

Изображения:

Как это выглядит в ie6:

ie6 сосать http://plwd.co.uk/rangers/images/ie6.jpg

Как это должно выглядеть:

альтернативный текст http://plwd.co.uk/rangers/images/firefox.jpg

Answer 1

Попробуйте избавиться от правила высоты тегов привязки и использовать верхние / нижние поля / отступы, чтобы гарантировать, что они заполняют пространство. Я считаю, что использование CSS с плавающей точкой намного проще, когда вы не пытаетесь навязать высоту элементам.

Answer 2

Это не границы, это высота линии. Ваши навигационные якоря наследуют "line-height: 2em" от #header. Попробуйте установить высоту строки на якорях (или их родительских LI или UL) на что-то меньшее - может быть, 1,5 метра или около того - и затем восполните разницу с некоторыми верхними отступами на якорях