Или я неправильно понял пример MSDN ;-)
Я думаю, что ответил на свой вопрос.
Я полагаю, что проблема состоит в том, что элементы ПРОМЕЖУТКА отображаются встроенный по умолчанию - значение, что у них нет высоты и ширины. Попытка, явно делающая их элементы блочного уровня путем добавления:
#top ul li.corner span.right-corner, #top ul li.corner span.left-corner
{
display: block;
}
Как комментатор отметил, "вершина" не является допустимым селектором. Это должен быть "#top" или ".top"
Вы тестируете в IE? IE7 и только ниже поддержки :hover
на <a>
(не уверенный в IE8)