Re: [Solved] Unordered List Border Problems

[jamygolden]

Change your css to this and see if it helps:

Code:

*{
margin:0;
padding:0;
}
.container {
margin: 0 auto;
width: 800px;
position: relative;
}
.header {
margin:10px auto;
height: 150px;
width: 780px;
background-color: #00FFFF;
display: block;
}
.navbar {
margin: 10px;
width: 780px;
background-color: #999999;
height: 50px;
position: relative;
}
.mainContent{
width: 780px;
height: 370px;
margin: 10px;
background-color: #808080;
}
.navbar ul {
list-style: none;
position: absolute;
top: 14px;
list-style-type: none;
}
.navbar ul li a {
border-bottom: 2px solid red;
margin: 0 10px;
color: #FFFFCC;
font-weight: bold;
text-decoration:none;
}
.navbar ul li a:hover{
border-bottom: 2px solid black;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.navbar li{
display: inline;
max-width: 125px;
padding: 0 5px;
}

Feel free to ask if you have any other questions.