как сделать?

всем привет.. как вот сделать как например на wapfa.ru что когда на раздел наводишь, меняется цвет дива.. вот скрин, да и сами можете посмотреть..
Добавлено 10.06.15 в 01:28:35:
ааа
Добавлено 10.06.15 в 01:28:53:
ив вот

Прикрепленные файлы:
PROFIWM_COM_6452_1234639_Screenshot_48.png (14.23 кб)
PROFIWM_COM_6452_1234639_Screenshot_47.png (10.18 кб)

:hover

a:hover
{
Что тебе надо
}
Добавлено 10.06.15 в 01:35:48:
.div:hover так

.div {
бла бла бла
}

.div:hover {
background: #234hs;
}

.menu {
????
}
.menu a {
??????
}
.menu a:hover {
background: white;
color: black;
}

вот что в css на вапфе

dl { margin: 0;padding: 0;}
dt {margin: 0;padding: 0;}
dt a{margin: 0;padding:8px; display: block; background: #e9e8e6 url(img/dt.gif) repeat-x; border-bottom:1px solid #d9d8d6; border-top: 1px solid #fff;clear: both;
font-weight: bold;}
dt a:hover, dt a:focus{background: #e9ffcd; color:#000;}
dt span{display: inline-block;background: #8bc641;color:#fff; padding: 4px; border-radius: 8px; float: right;
}
dt .ex{display: inline-block;background: #8bc641;color:#fff; padding: 4px; border-radius: 8px; float: right; margin:-34px 3px 0 2px;
}
dt .ex:hover, dt .ex:focus{background: #363636;color:#fff; }

себе так же сделал, но ничего не меняется когда навожу на раздел

-=ZmeY=-, а классы то у тебя наверно другие

хз..с css не очень дружу

Вот этот кусочек кода, отвечающий за блок, следующий кусочек, отвечающий за блок после размещения на нем курсора мыши, или нажатия:

dt a {
background: #e9e8e6 url(img/dt.gif) repeat-
x;
clear: both;
font-weight: bold;
display: block;
padding: 8px;
margin: 0;
border-top: 1px solid #ffffff;
border-bottom:1px solid #d9d8d6;
}

dt a:hover, dt a:focus {
background-color: #e9ffcd;
color: #000000;
}

У тебя див у ссылки наверное другой, поэтому и не изменилось ничего.