Internet explorer IE中按钮与链接的CSS渐变不同

我有一个CSS类，它使用渐变设置样式：

.zui-btn
{
padding:5px 15px; margin:0; border:1px solid #ccc;text-shadow: 0px 1px #fff; text-align:center;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');  
}

我把它应用到一个链接和一个按钮上。但结果并没有通过IE8，IE9的链接。看

你好，世界

---

我做错了什么？

这是一个错误，您可以通过将显示设置为

内联块来解决

不要问我为什么。
应该注意，在Internet Explorer 10中，您没有这个问题。啊，我现在记得关于IE8的旧规则：当有疑问时，
display:inline block
。谢谢
<a href="#" class="zui-btn">Modify</a>    
<button type="button" class="zui-btn">Hello World</button>