Я пытался создать выпадающее меню, используя прямой CSS. Когда вы наводите курсор мыши на меню в Firefox, раскрывающийся список отображается отлично. В IE7 раскрывающийся список вообще не отображается. Что касается жизни, я не могу понять, почему.
CSS здесь: http://pastebin.com/eiWndMeq
Демо: http://www.josephruscitti.com/client-concept/niki/
добавьте прозрачное изображение размером 1 пиксель к фоновому изображению в выпадающий список. Это хак, который исправит выпадающий список для IE.
В CSS, который вы указали , изменение top: auto; на top: 20px; в строке 57 работает в IE7. Кажется, что IE7 просто нужно немного больше рекомендаций.
top: auto;
top: 20px;