html鼠标移上隐藏div,html – CSS在鼠标悬停时隐藏div,但它正在闪烁

我只是编写这个示例html和css来隐藏鼠标悬停上的div.但是,当我将鼠标悬停在它上面时,div会闪烁.请有人告诉我这里发生了什么,我怎么能用css修复它(请不要

java).这是我拥有的

jsFiddle.

代码片段：

.container{

border:1px solid gray;

height:150px;

width:200px;

background-image: url("http://i934.photobucket.com/albums/ad184/giangvy1011/trade_zps7af1d79c.png");

background-size:100% 100%;

}

.description{

position:relative;

top:100px;

height:50px;

width:200px;

background:rgba(215,40,40,0.9);

color:white

}

.description:hover{

display:none;

}

This is description