IE9不支持线性渐变吗？ （带引导程序的MVC 4应用程序）

Question

我正在使用Bootstrap开发MVC 4应用程序。像往常一样，Chrome中的一切都运行正常，但Firefox和IE存在问题。

Div下方是我的Chrome输出：

这是我的Div IE输出：

div标记为：

<div class="row" id="becomeMember">
    <div class="col-md-9">
        <p class="largeFontSize">
            Some Text Some Text Some Text Some Text Some Text
        </p>
    </div>
    <div class="col-md-3">
        @Html.ActionLink("Become a Member", "Information", "Members", new {}, new {@class = "btn btn-warning btn-lg largeFontSize"})
        <br />
        <br />
        @Html.ActionLink("Become a Sponsor", "Information", "Sponsors", new {}, new {@class = "btn btn-warning btn-lg largeFontSize"})
    </div>
</div>

CSS颜色样式：

#becomeMember
{
    color: white;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    background: -webkit-linear-gradient(#28435e, #3d688e); /* For Safari */
    background: -o-linear-gradient(#28435e, #3d688e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#28435e, #3d688e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#28435e, #3d688e); /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28435e', endColorstr='#3d688e',GradientType=0 ); /* IE6-9 */
}

这是我第一次参加MVC 4开发，更不用说Twitter Bootstrap了。任何人都有关于如何解决这种不一致的想法？我曾经读过，我需要为IE 6 - 9添加明确的filter用于渐变，但这并没有改变任何东西。