Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два div. При наведении на родительский div хочу, чтобы он обводился рамком, для чего использую :hover. Но при наведении на него рамка появляется у дочерних дивов, в зависимости от того, на который наведешь мышкой.
Вот код если
html
<div id="korzina" onclick="location.href='http://">
<div class="korzina_left"></div>
<div class="korzina_right"></div>
</div>
css
#korzina{
background-image: url(../images/cart1.png);
float: left;
top: 20px;
position: relative;
width: 200px;
height: 60px;
cursor: pointer;
font-weight: bold;
padding-top: 5px;
padding-left: 5px;
background-repeat: no-repeat;
}
.korzina_left{
padding-top: 8px;
padding-left: 5px;
float:left;
height: 50px;
width: 54px;
font-size: 15px;
color: #FFFFFF;
}
.korzina_right{
padding-top: 10px;
padding-left: 5px;
float:left;
height: 50px;
}