div边框颜色在浏览器中显示不出来 主要是想让nav随窗口变化改变大小，但是边框颜色在浏览器中一看就变白

Question

<div id="nav">
<ul>
<li><a href="#." class="start">INTRODUCTION</a></li>
<li><a href="#.">TIMELINE</a></li>
<li><a href="#.">IMAGES</a></li>
<li><a href="#." class="ed">VIDEOS</a></li>
</ul>
</div>
css:
#nav {
width: 80%;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
margin-bottom: 30px;
height: 56px;
text-align: center;
max-width: 800px;
}
#nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#nav li {
margin: 0px;
padding: 0px;
}
#nav ul li a:link {
font-family: "Myriad Pro";
text-decoration: none;
color: #FFF;
width: 23%;
float: left;
display: block;
font-size: 1.2em;
line-height: 56px;
border-top: 3px solid #2AB2C0;
border-bottom: 3px solid #2AB2C0;
border-right: 2px solid #2AB2C0;
border-left: 2px solid #2AB2C0;
}
#nav ul li a:link.start {
border-top-left-radius: 30px 20px;
border-bottom-left-radius: 30px 20px;
border-top: 3px solid #2AB2C0;
border-bottom: 3px solid #2AB2C0;
border-right: 2px solid #2AB2C0;
border-left: 3px solid #2AB2C0;
}
#nav ul li a:link.ed {
border-top-right-radius: 30px 20px;
border-bottom-right-radius: 30px 20px;
border-top: 3px solid #2AB2C0;
border-bottom: 3px solid #2AB2C0;
border-right: 3px solid #2AB2C0;
border-left: 2px solid #2AB2C0;
}
#nav ul li a:hover, a:active {
text-decoration: underline;
}
#nav ul li a:visited {
text-decoration: none;
color: #FFF;
}
谢谢各位大神了，感激不尽
另外，在dreamweaver里预览又是没问题的。。但浏览器就是显示不出颜色

Answer 1

ie9 ff下正常，因为你用了css3的样式，在ie8下没有圆角但是有边框色，ie6下看不到，全是白色，应该是你定义#nav ul li a:link.ed, #nav ul li a:link.start 的问题，直接定义为.ed和.start即可。

Answer 2

换个浏览器