IE 9圆角与背景图片

Question

这个问题有解决办法吗？当在IE9中使用带有背景图片的圆角（重复x）时，背景突出。在其他浏览器中一切正常（没有阴影！）

http://i.stack.imgur.com/XLIer.png

css：

 .green-button {
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 20px;
    background: url(../img/buttons/green.gif) repeat-x left top;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
        border: 3px solid #373843;

    text-shadow:
        0px 1px 0px rgba(000,000,000,0.7),
        0px 1px 0px rgba(255,255,255,0.3);
        cursor: pointer;

}

HTML：

<a href="#link" class="green-button"><span>Oh why</span></a>

Answer 1

  

我得到了它... background-clip：padding-box;