Проблема с IE в меню с CSS

Question

У меня странная проблема с IE в меню CSS.

Имейте <li> с текстом и <ul> (с абсолютным положением) и <li> внутри.

В Mozilla Firefox подканал <ul> принимает желаемое положение (см. Рисунок ниже).

В IE текст заставляет sub <ul> двигаться вперед. Есть идеи?

Заранее благодарен!

li { 
float:left; 
width:auto; 
} 
li ul { 
left:-999em; 
margin-left:0; 
margin-top:5px; 
padding:0; 
position:absolute; 
width:150px; 
} 
li:hover { 
left:auto 
} 

Answer 1

Sarfraz, спасибо за ваш быстрый ответ ... Я попробовал свои предложения и не работал, а затем через несколько дней я вы обнаружили ... это был файл, созданный недавно с кодировкой ANSI. У меня есть все файлы UTF-8, и проблема решена преобразованием ANSI-файла в UTF-8 с Notepad ++. Благодарю.

Answer 2

Есть три предложения, поступающие в моем сознании.

1 - Вы можете использовать Eric Meyer's reset css.
2 - Вы можете пойти за ie7.js и заставить IE вести себя как стандартный совместимый браузер.
3 - Unrecommended способ заключается в использовании IE6 взломать, как это:

* html ul li{ 
    /* your styles */ 
}