Я создаю систему меню, используя структуру UL / LI. Я пытаюсь использовать селекторы братьев и сестер для всплывающих / показать подменю.

Я использую это;

#MainMenu li.Sel ul li.HasSub a:hover+ul {
     display: block;
}

Структура UL будет примерно такой;

<ul id='MainMenu'>
    <li class='Sel'>
    <a href='#'>Click Me</a>
        <ul>
            <li class='HasSub'>
                <a href='#'>Hover Over Me</a>
                <ul>
                    <li>Link</li>
                    <li>Link</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

Предположительно, при наведении указателя мыши на «Hover Over Me», должен отображаться «брат» ul. Он отлично работает в Firefox, но совсем не в IE8. Я уверен, что видел селектор брата '+', используемый в IE8 раньше, где я ошибаюсь?