ul li в IE

[Grind]

задача: раположить элементы списка встроку.
ниже приведенный код корректно отбражается везде(Opera,Chrome,FF) кроме IE (v.7)

заранее благодарю.

CSS:
ul li {
list-style:none;
margin:0;
display:inline-block;
}

<ul>
   <li>
      <div>
          content
      </div>
   </li>

   <li>
      <div>
          content
      </div>
   </li>

   <li>
      <div>
          content
      </div>
   </li>
</ul> 

[cronfy]

«Internet Explorer supports inline-block only on elements whose native display is inline.»

И не list-style: none, а list-style-type: none.

Вот здесь большое количество примеров как горизонтальных, так и вертикальных меню, созданных на списках.

[leoboec]

почти аналогичная проблема.... пытаюсь сделать вертикальное меню на css и с помощью списков с подменю.... и что-то не работает.... основные косяки: в Opera подменю всплывает но при этом экран дергается... а в IE вообще не хочет работать... подскажите кто чем может заранее благодарен "Вот здесь большое количество примеров как горизонтальных, так и вертикальных меню, созданных на списках."- посмотрел... не увидел нужного мне... еще вставлю пару скринов чтобы видели в чем проблема... css тоже выкладываю

div#menunav{
width=100%;
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
font-size: 12pt;
background-color: #BDF3BD;
padding:0 0 0 20px;
}

div#menunav li{
position: relative;
list-style-type: none;
}

div#menunav ul{
paddig:0px;
margin:0px;
}

*html div#menunav ul { 
    margin-left: 10px;  /* IE удваивает заданное значение */ 
}

div#menunav a{
display: block;
padding: 0px 10px 0px 10px;
text-decoration: none;
color:#006699;
}

div#menunav a:hover{
color: #ff3333;
}


div#menunav ul li ul {
margin: 0px;
position: relative;
left: -10px;
width: 10em;
}

div#menunav ul li ul li{
width:100%;
}

body div#menunav ul li ul{
display: none;
}

div#menunav ul li:hover ul, div#menunav ul li ul:hover{
display: block;
}

*html div#menunav ul li ul {  /* добавляет верхнюю границу раскрывающегося меню для IE */ 
   border-top: 1px solid #000000; 
   border-left: 0рх;  /* устраняет наследование границ ul раскрывающимся меню */ 
}

заранее извиняюсь если что не так разместил... 1 сообщение

[egu]

Привет!
буквально на этой неделе пришлось решать аналогичную задачу.
горизонтально меню с бесконечно вложенными подменю
(как в винде например).
скорее всего в IE у тебя не работает потому. что
ховер он не знает=)
Я решил проблему через css + jquery
личные данные удалены. //модератор
PS и для каждого последующего вложения UL
position: absolute надо делать, что бы он относительно
родительского раскрывался как нужно