Re: ul border-bottom problem in IE

[doobie]

Oh, and here’s the CSS in a better format:

Code:

#nav ul {
padding: 0 0 36px;
margin-left: 25px;
border-bottom: 1px solid black;
width: 422px;}

#nav li {
float:left;
margin-right: 3px;
text-align: center;
font-weight: bold; }

#nav li.borderless {
margin-right: 0px;}

#nav a {
width: 80px;
height: 35px;
display: block;
border: 1px solid black;
color: #4878a6;
font-size: 1.5em;
height: 35px;
background: #adb6bf;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height: 35px; }

#nav a:active, #nav a:hover {
text-decoration: none;
color: #adb6bf;
background: #4878a6;}

body#home li.home a, body#blog li.blog a {
text-decoration: none;
color: #222;
background: #dfefff;
border-bottom: 1px solid #dfefff;
height: 36px;}