Меню для сайта. Некорректное поведение.

[8Observer8]

Привет!

Я в CSS слаб, поэтому не могу разобраться с проблемой. Чтобы эту проблему увидеть, нужно навести "Examples" далее "C++" http://jsfiddle.net/8Observer8/255Tp/1/

Заранее спасибо!

[Naive]

я много проблем увидел, какая именно смущает?

[8Observer8]

При наведении на "С++" меню всплывает на расстоянии от "С++".

Ещё когда наводишь на C++, то текст иногда не умещается в всплывающем меню (бывает нормально)

[Naive]

.ui-menu ul li ul {
    left:120px !important;
    width:100%;
}

этот left сдвигает

[8Observer8]

Спасибо! А как сместить всплывающее меню вниз до уровня выделенного пункта?

Updated

Как сместить подсказали здесь: http://www.sitepoint.com/forums/show...22#post5589522

Исправленный пример: http://jsfiddle.net/8Observer8/255Tp/2/

[ruN00b]

8Observer8, при наведении на jQuery у вас также баг: открывается, как я понял, меню с пунктом Примеры, а на него накладывается еще 1 меню с пунктом Уроки по Qt.

[8Observer8]

Да, точно! Спасибо большое! Я и не заменил

Добавил

Всё исправил. Нужно было объединить в меню:

До:

            <li>
                <a href="#">Qt</a>
                <ul>
                    <li>
                        <a href="examples_qt.php">Примеры на Qt</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="bryan_qt.php">Уроки по Qt от Bryan'a</a>
                    </li>
                </ul>
            </li>

После:

            <li>
                <a href="#">Qt</a>
                <ul>
                    <li>
                        <a href="examples_qt.php">Примеры на Qt</a>
                    </li>
                    <li>
                        <a href="bryan_qt.php">Уроки по Qt от Bryan'a</a>
                    </li>
                </ul>
            </li>

http://jsfiddle.net/8Observer8/255Tp/3/