Home › Forums › CSS › ul border-bottom problem in IE › Re: ul border-bottom problem in IE
May 21, 2009 at 1:52 am
#57887
AshtonSanders
Participant
Thanks
Some notes:
You have height declared twice for #nav a, and you probably don’t want to do line-height: 35px; Is there a reason you have that?
Code:
#nav a {
width: 80px;
[b]height: 35px;[/b]
display: block;
border: 1px solid black;
color: #4878a6;
font-size: 1.5em;
[b]height: 35px;[/b]
background: #adb6bf;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height: 35px; }
width: 80px;
[b]height: 35px;[/b]
display: block;
border: 1px solid black;
color: #4878a6;
font-size: 1.5em;
[b]height: 35px;[/b]
background: #adb6bf;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
line-height: 35px; }
Also for your #nav UL, I would use Height instead of padding:
Code:
#nav ul {
padding: 0;
height:36px;
margin-left: 25px;
border-bottom: 1px solid black;
width: 422px;}
padding: 0;
height:36px;
margin-left: 25px;
border-bottom: 1px solid black;
width: 422px;}
Let me know how that goes,