IE - Border Bug

IE - Border Bug

by BinaryAcid

HTML

<div id="nav">
<ul id="nav_list">
<li><a href="#">PRODUCTS</a></li>
<li><a href="#">INDUSTRIES SERVED</a></li>
</ul >
</div>

CSS

#nav {
 height: 30px;
 overflow: hidden;
 margin: 1px;
}

#nav_list li {
list-style: none;
color: white;
background-color: gray;
border: double 3px;
padding: 1px;
float: left;
width: 144px;
text-align: center;
font-size: 8px;
line-height: 22px;
}