#Nav не отображается в IE6

Question

По какой-то причине этот сайт хорошо отображается во всех браузерах, кроме IE6. В IE6 верхняя навигация вообще не отображается ... Любая помощь будет высоко оценена:

Я поместил код ниже (мне пришлось выложить URL-адреса изображения для публикации):

<div id="nav">
  <ul>
    <li class="floatLeft" id="contact">Contact</li>
    <li id="about">About</li>
    <li id="resume">Resume</li>
    <li class="floatLeft" id="work">Work</li>
  </ul>
</div>

Я также использую связанный лист CSS со следующими определениями:

#nav {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  height: 50px;
  width: 214px;
  position: absolute;
  text-decoration: none;
  list-style-type: none;
  left: 780px;
  right: auto;
  margin: 0px;
  padding: 0px;
  top: 52px;
  z-index: 800;
  zoom: 1;
}

#nav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
}

#nav ul li {
  float: left;
  overflow: hidden;
  text-decoration: none;
  padding: 0px;
  text-indent: -9000px;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0px;
  margin-left: 0px;
}

#nav ul a {
  display: block;
}

#nav #contact a {
  background-position: left top;
  width: 43px;
  background-repeat: no-repeat;
  background-image: url();
  height: 50px;
  text-decoration: none;
}

#nav #about a {
  width: 44px;
  background-image: url();
  background-repeat: no-repeat;
  height: 50px;
  background-position: left top;
  text-decoration: none;
}

#nav #resume a {
  background-repeat: no-repeat;
  height: 50px;
  width: 43px;
  text-decoration: none;
  background-image: url();
}

#nav #work a {
  background-repeat: no-repeat;
  width: 44px;
  background-image: url();
  height: 50px;
  background-position: left top;
  text-decoration: none;
}

Answer 1

Он также не может отображаться в других браузерах, поскольку вы получили text-indent: -9000px; в #nav ul li.Это выталкивает все это из поля зрения.

Дополнительно:

Действительно ли необходимо width: 214px; в #nav?Это толкает вниз #work LI.

Answer 2

Проблема может быть в плавающих элементах

и в том, как они взаимодействуют с содержащими

Answer 3

У вас есть полный действительный тип документа в вашем HTML? Иногда IE переходит в режим причуд и делает странные вещи без единой ... просто мысли.