Неупорядоченный список отображает неправильно, используется плагин MooTools и UvumiTools

Question

Я использую плагин MooTools DropDown UvumiTools для оформления выпадающего меню на моем сайте.Плагин берет неупорядоченный список и отображает его горизонтально без маркеров, а затем помещает горизонтальное правило под ним.Каждый элемент списка можно пролонгировать, и если в нем есть еще один ul, то он отображается как подменю, как показано ниже.

<code>
<ul>
  <li>Menu A</li>
    <ul>
        <li>Menu A - Option 1</li>
        <li>Menu A - Option 2</li>
    </ul>
  <li>Menu B</li>
</code>

Каждый тег li в раскрывающемся меню является элементом divкоторый также использует background-image и background-position для создания эффекта ролловера, как показано ниже.

<code>
<ul>
    <li><div id="optionOne"><a href="#">Menu A</a></li>
<ul>
</code>

Сайт отображает и функционирует на 100% правильно в Firefox, опрокидывания на опциях верхнего уровня и падениеменю, отображаемое под горизонтальным правилом, но, к сожалению, это, кажется, единственный браузер, и Chrome, и Safari поразили список, который разрушает все это.

Firefox: http://img560.imageshack.us/img560/7139/screenshot20110425at130.png

Хром: http://img835.imageshack.us/img835/8375/screenshot20110425at129.png

У кого-нибудь есть идеи, что я делаю не так?Я впервые использую этот плагин.

Answer 1

Я не уверен, почему, но WebKit (т.е. Safari и Chrome) не нравится ваш max-width:93px из .softwareLink a.Иногда я вижу странную упаковку в Chrome / Safari, а иногда нет, может быть, есть какая-то обратная связь, основанная на синхронизации, где-то в движке макета.

Использование width:93px в .softwareLink a должно работать согласованно (и делатьваши пункты меню все одинакового размера).Вам нужно будет изменить свою таблицу спрайтов , чтобы она была вертикальной, а не горизонтальной, иначе она немного утечет с правой стороны ваших ссылок.

Кстати, я также вижу JavaScriptошибка:

Ошибка типа: результат выражения 'E.create' [undefined] не является функцией.
/Design2011/js/mootools-for-dropdown.js:173