在单个图像上应用Css3过渡

Question

我想在单个图像上应用Css3过渡效果但鼠标悬停后它没有显示任何效果。我的代码是

HTML
<img src="img/seats.png" id="img1" />

和Css
#img1{
width:600px;
height:600px;
transition:width 3s;
-moz-transition:width 3s;
-webkit-transition:width 3s;
-o-transition:width 3s;
}


#img1:hover{
width:800px;
height:800px;
}

但是没有效果显示在img1上