Show/hide an html element with hover selector

[Megah]

I want to hide a div element on mouse over only using css.\[code\]<div>Stuff shown on hover</div>div { display: block; width:100px; height:100px; border: solid black;}div:hover { display: none;}\[/code\]Why that doesn't work?if I want to change -for example- the background instead it works just fine:\[code\]div:hover { background-color: red;}\[/code\]Is not possible to hide/show the same element which I'm applying the hover selector?http://jsfiddle.net/link01/TknA8/