Tworzę system menu przy użyciu struktury UL / LI. Próbuję użyć selektorów rodzeństwa dla podmenu hover / show-podmenu.

Używam tego;

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

Struktura UL byłaby czymś takim;

<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>

Podobno, po najechaniu na „Hover Over Me”, powinna się wyświetlić ulotka z rodzeństwem. Świetnie działa w Firefoksie, ale nie w IE8. Jestem pewien, że widziałem selektor '+' używany w IE8 wcześniej, gdzie się mylę?