Въпрос за <div> hover effect

[roskata]

Здравейте,

Искам да попитам как ставаше номера, имам див с hover ефект и текст на него. Текста е черен и искам като се мине с мишката и се оцвети див-а, целия текст да става бял. Да не е с ховер на линка ами на самия див.

Ето пример:

Така да е първоначално -

Като се мине с мишката да става така -

Благодаря много!

 

[joTunkiq]

http://jsfiddle.net/Qkr26/2/ - редактирано
:idea:

 

[syneidesys]

<!DOCTYPE HTML>

<html>

<head>
<title>Untitled</title>
<style>
.test {
background-color: #CC0000;
}
.test:hover p {
background-color: #2215CC;
color:#fff;
}


</style>
</head>

<body>
<div class="test">
<p>
test <br> test<br> test<br> test<br> test<br> test
</p>
</div>
</body>

</html>