IE9：边框半径+渐变+边框不混合，但在其他地方看起来都很好。怎么办？

Question

我在这个网站上有导航按钮：http://www.dermatologypartners.com 有圆角、渐变和 2px 边框。

IE9 弯曲边框，但不弯曲框。有什么建议吗？

如果我想只为IE9没有白色边框，我会在CSS中添加什么？（我从来没有完全掌握条件评论的窍门。

这是导航代码 - 这是一个响应式网站，写成"桌面优先"，所以桌面版本的导航代码是：

#nav {
float:none;
width:19%;
clear:left;
margin:0;
padding:0;
}
#nav ul {
margin-left:-20px;
padding-left:10px;
}
#nav li {
list-style:none;
width:90%;
border:2px solid #fff;
background:linear-gradient(top,#adb0be0%,#ffffff45%,#ffffff55%,#adb0be100%,#ffffff100%,#adb0be100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adb0be',endColorstr='#adb0be',GradientType=0);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-align:center;
margin:10px;
padding:7px;
}
#nav a:link {
color:#162357;
font:bold 14px/28px 'Gentium Book Basic',"Times New Roman", Times, serif;
text-decoration:none;
display:block;
}
#nav a:hover {
color:#990d24;
font:bold 14px/28px 'Gentium Book Basic',"Times New Roman", Times, serif;
text-decoration:none;
}
#nav a:visited,#nav a:active {
color:#162357;
font:bold 14px/28px 'Gentium Book Basic',"Times New Roman", Times, serif;
text-decoration:none;
}

非常感谢帮助！

Answer 1

我能够使用条件注释删除白色边框。不是最好的解决方案，但体面。