[Помогите] Выпадающее окно (при наведении на корзину) сделать вплотную к корзине

Hagret · 9 ноя 2013

Добрый вечер! Предыстория: было все нормально, потом немного менял корзину, потом возникла проблема такая же (при наведении на всплывающее окно пропадала корзина), заменил
Код:
#cart .content {
clear: both;
display: none;
position: absolute;
padding: 8px 8px 8px 8px;
background: #3B3D42;
z-index: 999;
border-bottom: 2px solid #BF2A2A;
border-top: 2px solid #BF2A2A;
right: 0px;
top: 134px;
}
на
Код:
#cart .content {
clear: both;
display: none;
width: 400px;
float: right;
padding: 0px 8px 8px 8px;
background: #3B3D42;
z-index: 999;
border-bottom: 2px solid #BF2A2A;
border-top: 2px solid #BF2A2A;
}
Выпадающее окно стало впритык с корзиной. Потом опять выполнял какие-то манипуляции (их было много), код #cart .content { не менял, но выпадающее окно стало таким, как раньше.
Сейчас при нажатии на красный указатель вниз в кнопке корзины выскакивает такое окно, при попытке наведения на него, оно пропадает. Как решить теперь?

Все, что связано с корзиной из sylesheet:
Код:
#cart {
position: relative;
min-width: 300px;
right: 40px;
bottom: 45px;
z-index: 999;

}
#cart .heading {
float: right;
padding: 9px 12px 15px 35px;
    border: 3px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
position: relative;
z-index: 1;
color: #999;
height: 35px;
width: 160px;
background: url(../image/cart-head.png) no-repeat left center;
bottom: 35px;
}
#cart .heading h4 {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}
#cart .heading a {
    color: white;
    text-decoration: none;
}
#cart .heading a span {
    background: url('../image/arrow-down.png') 100% 0% no-repeat;
    padding-right: 15px;
}
#cart .content {
clear: both;
display: none;
width: 400px;
float: right;
padding: 0px 8px 8px 8px;
background: #3B3D42;
z-index: 999;
border-bottom: 2px solid #BF2A2A;
border-top: 2px solid #BF2A2A;
}



}
#cart.active .heading {


}
#cart.active .content {
    display: block;

}
.mini-cart-info table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 5px;
}
.mini-cart-info td {
    vertical-align: top;
    padding: 10px 5px;

}
#cart .checkout {
text-align: right;
clear: both;
}
#cart .checkout a {
color: #fff;
text-decoration: none;
}
Как решить: выпадающий блок придвинуть вплотную к корзине. Но как?

[Помогите] Выпадающее окно (при наведении на корзину) сделать вплотную к корзине

Hagret