Maxi menu некорректно отображается в Google Chrome

[Nikirinka]

Сообщение от Naive

Не могу понять почему так получается. Забавно: если проинспектировать подложку всплывающего меню, то все становится как надо.

Подложка -это всплывающее поле, где должны быть ускользнувшие пункты?
Вы это имеете в виду?

[ZvEr_HaCkEr]

Сообщение от Naive

Не могу понять почему так получается. Забавно: если проинспектировать подложку всплывающего меню, то все становится как надо.

У меня тоже так(открываю консоль и вуаля, все работает на ура).

[Nikirinka]

Да, теперь и я вижу это...

[Nikirinka]

Ну что, никаких вариантов, что можно сделать больше нет?

[Nikirinka]

Выкладываю часть файла меню, может все же кто поможет. Там комментарий есть /* important for Chrome and Safari compatibility */, !important поставила, но не помогло, может я комментарий не так истолковала:

PHP код:

/* item title when mouseover */
div#<?php echo $id; ?> ul.maximenuCK  a:hover span.titreCK {
    color : #fba77e;
}

/**
** child items
**/

/* child item title */
div#<?php echo $id; ?> ul.maximenuCK2  a.maximenuCK {
    width : 160px;
}

div#<?php echo $id; ?> ul.maximenuCK2 li a.maximenuCK,
div#<?php echo $id; ?> ul.maximenuCK2 li span.separator {
    text-decoration : none;
    list-style-position: inside;
    width : 180px;
    margin : 0 auto;
    padding : 3px 0 3px 0;
}

/* child item block */
div#<?php echo $id; ?> ul.maximenuCK ul.maximenuCK2 {
    background : #f86505;
    margin : 3px 0 0 0;
    padding : 0;
    border : none;
    width : 180px !important; /* important for Chrome and Safari compatibility */
}

div#<?php echo $id; ?> ul.maximenuCK2 li.maximenuCK {
    width : 180px;
    padding : 2px 0 0 0;
    border : none;
    margin : 0;
    background : none;
}

/* child item container  */
div#<?php echo $id; ?> ul.maximenuCK li div.floatCK {
    background : #f86505;
    border : 1px solid #ffffff;
}

/**
** module style
**/

div#<?php echo $id; ?> div.maximenuCK_mod {
    width : 170px;
    padding : 0;
    overflow : hidden;
    color : #ddd;
    white-space : normal;
}

div#<?php echo $id; ?> div.maximenuCK_mod div.moduletable {
    border : none;
    background : none;
}

div#<?php echo $id; ?> div.maximenuCK_mod  fieldset{
    width : 160px;
    padding : 0;
    margin : 0 auto;
    overflow : hidden;
    background : #f86505;
    border : none;
}

div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod a {
    border : none;
    margin : 0;
    padding : 0;
    display : inline;
    background : #f86505;
    color : #888;
    font-weight : normal;
}

div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod a:hover {
    color : #FFF;
}

/* module title */
div#<?php echo $id; ?> ul.maximenuCK div.maximenuCK_mod h3 {
    font-size : 14px;
    width : 170px;
    color : #aaa;
    font-size : 14px;
    font-weight : normal;
    background : #444;
    margin : 5px 0 0 0;
    padding : 3px 0 3px 0;
}

div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod ul {
    margin : 0;
    padding : 0;
    width : 170px;
    background : none;
    border : none;
    text-align : left;
}

div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod li {
    margin : 0 0 0 15px;
    padding : 0;
    width : 155px;
    background : none;
    border : none;
    text-align : left;
    font-size : 11px;
    float : none;
    display : block;
    line-height : 20px;
    white-space : normal;
}

/* login module */
div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod #form-login ul {
    left : 0;
    margin : 0;
    padding : 0;
    width : 170px;
}

div#<?php echo $id; ?> ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
    margin : 2px 0;
    padding : 0 5px;
    height : 20px;
    background : #f86505;
}


/**
** columns width & child position
**/

/* child blocks position (from level2 to n) */
div#<?php echo $id; ?> ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {
    margin : -30px 0 0 180px;
}

/* margin for overflown elements that rolls to the left */
div#<?php echo $id; ?> ul.maximenuCK li.maximenuCK div.floatCK div.floatCK.fixRight  {
    margin-right : 180px;
}

/* default width */
div#<?php echo $id; ?> ul.maximenuCK li div.floatCK {
    width : 180px;
}

/* 2 cols width */
div#<?php echo $id; ?> ul.maximenuCK li div.cols2 {
    width : 360px;
}

div#<?php echo $id; ?> ul.maximenuCK li div.cols2>div.maximenuCK2 {
    width : 50%;
}

/* 3 cols width */
div#<?php echo $id; ?> ul.maximenuCK li div.cols3 {
    width : 540px;
}

div#<?php echo $id; ?> ul.maximenuCK li div.cols3>div.maximenuCK2 {
    width : 33%;
}

/* 4 cols width */
div#<?php echo $id; ?> ul.maximenuCK li div.cols4 {
    width : 720px;
}

div#<?php echo $id; ?> ul.maximenuCK li div.cols4>div.maximenuCK2 {
    width : 25%;
}

[Nikirinka]

Заканчиваю свой монолог )))
короче все получилось (вдруг кому интересно будет) там в файле maximenuH_CK.php надо было поставить width : 180px !important; , где есть примечание автора, /* important for Chrome and Safari compatibility */
а в файле maximenuH_CK.css надо было всего лишь указать ширину div.maximenuCKH div.maximenuCK2 { width: 180px; }
(файлы находятся в папке modules/mod_maximenu_CK/themes/default/css/)