Chrome/IE css несовместимость

Question

Первый пункт меню на этом сайте не отображается правильно в IE, но делает это i Chrome. Я использую css text-indent для создания элемента меню изображения.

http://test.suntliv.nu/

В хроме вы можете увидеть иконку дома. В IE вы видите буквы «Sta».

EDIT: Я исправил его, указав первый пункт меню уникальное имя класса.

Answer 1

для IE попробуйте использовать first-child вместо first-of-type

.top-menu li:first-child { 
text-indent: -1000px; 
background-image: url('../image/icon_home.png'); 
padding-right: 0px; 
}