Проблема с Css UL UL на IE8 и FF 4 - Disc отображается на 2-й строке в вертикальном меню

#css

Вопрос:

Сайт находится www.uppercanadawebdesign.com/test Если вы нажмете на «Новое оборудование», чтобы развернуть меню, я получу изображение диска, отображаемое во второй строке. В Chrome это работает нормально, но не в IE8 / FF4. Я думаю, это как-то связано с css в строке 960 «.sidebar .box ul ul». Если я удалю «диск» из стиля списка, проблема будет решена, но тогда я не получу маленький диск, отображаемый в пунктах подменю.

(Примечание: это сайт WordPress)

Спасибо за любую помощь, которую вы можете предоставить.

Ответ №1:

Добавьте в #dc_jqaccordion_widget-3-item ul #dc_jqaccordion_widget-3-item ul li следующее:

тип стиля списка: отсутствует;

1. Спасибо за быстрый ответ. Это действительно решает проблему появления диска во второй строке. Есть ли способ сохранить ‘disc’ (маркер) перед пунктами меню 2-го уровня, в той же строке, что и текст?

2. Вы можете, добавив отступ слева на 2-й уровень, но это не было бы интерактивной областью. Я согласен с желанием получить некоторое указание на то, что это второй уровень. Я рекомендую создать изображение маркера и поместить его в фоновое изображение… Надеюсь, это имело смысл.

Ответ №2:

Я смог заставить его работать, добавив (как вы предложили): list-style-type: none; в #dc_jqaccordion_widget-3-item ul, #dc_jqaccordion_widget-3-item ul li.
Затем я добавил следующее в

 #dc_jqaccordion_widget-3-item ul ul a {:  
   background-image: url(http://uppercanadawebdesign.com/test/wp-content/uploads/bullet2.gif);
    background-repeat: no-repeat;
    padding-left: 3em;
    background-position: 20px 50%;

Теперь это работает в FF4, IE8 и Chrome….