Нужна помощь, некорректно отображается меню на css и jquery

[gaffarov]

Вот тестовая страница:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

Слева вертикальное выпадающее меню на css и jquery.
В хроме 15-ом, при раскрывании поочередно пунктов меню стрелочки слева от пунктов смещаются, помогите установить причину и решить эту проблемку.
В IE вообще некорректно отображается!

 

[mdss]

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;

заменить на

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x center left;

inc/ddaccordion/ddaccordion.css

 

[gaffarov]

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;

заменить на

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x center left;

inc/ddaccordion/ddaccordion.css

Ошибки как были, так и есть... Может на что то и повлияло, но я особых перемен не заметил...

 

[ram222]

в стилях ddaccordion.css оставьте один padding
вместо:

.glossymenu a.menuitem{
padding: 4px 0;
padding-left: 20px;}

вот такой:

.glossymenu a.menuitem{
padding: 4px 0px 4px 20px;
}

 

[gaffarov]

Вот так было:
.glossymenu a.menuitem{
width: auto;
padding: 4px 0;
padding-left: 20px;
}
Вот так исправил:
.glossymenu a.menuitem{
width: 172;
padding: 4px 0 4px 20px;
}
Осталось подправить высоту раскрывающихся списков (подменю)

 

[bork75]

добавь
line-height:25px;

здесь
/inc/ddaccordion/ddaccordion.css

.glossymenu div.submenu ul li a {line-height:25px;}

 

[gaffarov]

добавь
line-height:25px;
здесь
/inc/ddaccordion/ddaccordion.css
.glossymenu div.submenu ul li a {line-height:25px;}

в IE как было так и есть...

 

[gaffarov]

Решил проблему таким образом:
просто проставил div'ы в каждом теге <li> ))))
после этого в IE осталась проблема неполного отображения фона меню, решилоаь именнл свойством line-height
Всем спасибо, вопрос исчерпан!

 

[ram222]

Странно что моё не помогло, или не пробовали?
Просто действие margin должно быть одно, а не как у Вас.

 

[gaffarov]

Странно что моё не помогло, или не пробовали?
Просто действие margin должно быть одно, а не как у Вас.

помогло частично, спасибо!!! Ещё меню неверно отображалось из-за ширины, при чем когда подгоняешь под все браузеры кроме IE работает нормально, но в IE некорректно, пришлось написать следующее:
<!--[if IE]>
<style type="text/css">
.glossymenu a.menuitem{
width: 172px ;
}
</style>
<![endif]-->
<!--[if !IE]>
<style type="text/css">
.glossymenu a.menuitem{
width: 153px ;
}
</style>
<![endif]-->

)))))))))