При нажатии на кнопку "Корзина покупок" она сдвигается вправо

[imeged]

Здравствуйте. Проблема заключается в следующем: при нажатии на кнопку "корзина покупок" она сдвигается вправо и накладывается на форму поиска. Подскажите пожалуйста, где это исправить в css stylesheet? сайт sledoc.com.ua

stylesheet.css

[lingvo]

Найти

#header #cart {

position: absolute;

top: 50px;

left: 320px;

z-index: 15;

min-width: 100px;

}

Заменить

#header #cart {

position: absolute;

top: 50px;

left: 320px;

z-index: 16; / Можно и больше значение поставить (9999 макс) p.s удалить это

min-width: 100px;

}



Найти

#header #cart.active .heading {

/*margin-top: 5px;

padding-top: 10px;

padding-bottom: 6px;

border-top: 1px solid #EEEEEE;

border-left: 1px solid #EEEEEE;

border-right: 1px solid #EEEEEE;

-webkit-border-radius: 7px 7px 0px 0px;

-moz-border-radius: 7px 7px 0px 0px;

-khtml-border-radius: 7px 7px 0px 0px;

border-radius: 7px 7px 0px 0px;*/

background:#fff;

border-bottom-color:#fff;

-webkit-border-radius:3px 3px 0 0;

-moz-border-radius:3px 3px 0 0;

border-radius:3px 3px 0 0;

-webkit-box-shadow:none;

-moz-box-shadow:none;

box-shadow:none;

}



Заменить

#header #cart.active .heading {

right:137px;

background:#fff;

border-bottom-color:#fff;

-webkit-border-radius:3px 3px 0 0;

-moz-border-radius:3px 3px 0 0;

border-radius:3px 3px 0 0;

-webkit-box-shadow:none;

-moz-box-shadow:none;

box-shadow:none;

}

[imeged]

 

Найти
#header #cart {
position: absolute;
top: 50px;
left: 320px;
z-index: 15;
min-width: 100px;
}
Заменить
#header #cart {
position: absolute;
top: 50px;
left: 320px;
z-index: 16; / Можно и больше значение поставить (9999 макс) p.s удалить это
min-width: 100px;
}


Найти
#header #cart.active .heading {
/*margin-top: 5px;
padding-top: 10px;
padding-bottom: 6px;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #EEEEEE;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;*/
background:#fff;
border-bottom-color:#fff;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}


Заменить
#header #cart.active .heading {
right:137px;
background:#fff;
border-bottom-color:#fff;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}

 

Спасибо! Помогло, но теперь, при клике на пустую корзину, она сдвигается влево ((

[imeged]

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

[lingvo]

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

Замените этим файлом, вроде все нормально

stylesheet.css

[imeged]

заменил, все ок. Спасибо за помощь!