Наследование стиля дочерними элементами

[svisch]

Всем добре. Столкнулся вот с таком проблемой. Есть родительский блок, внутри которого есть еще два 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;
}

[SelenIT]

26 минут назад, svisch сказал:

onclick="location.href='http://"

Зачем такие подвыподверты? Почему не сделать нормальной человеческой ссылкой? HTML5 ведь специально разрешил вкладывать в нее блочное содержимое...

27 минут назад, svisch сказал:

для чего использую :hover

Где этот :hover в примере?

 

 

[svisch]

Прошу прощения. В настоящее время убрал с сайта, потому забыл дабавить :hover

#korzina :hover{
    border: 1px solid #FF0000;
    }

Только что, SelenIT сказал:

Зачем такие подвыподверты? Почему не сделать нормальной человеческой ссылкой? HTML5 ведь специально разрешил вкладывать в нее блочное содержимое...

Можно <div id="korzina"></div> обернуть в тег <a>. Я верно понял? Если да, то чем это лучше и в чем разница? Интересно, просто я не такой спец)

[Switch74]

#korzina:hover{
    border: 1px solid #FF0000;
    }

можно
<a id="korzina"></a>
только нужно будет сделать его display:block;
плюсы в том, что отработает везде, меньше писать и роботы это увидят корректно

[svisch]

Все заработало, как надо! Спасибо огромное за помощь)