Using IDs and getting rid of the classes do help a bit but how do I get the just one line in the middle of can I? I guess in this case it is not really a big deal which way I float them but here is the new code:
Still does not work in IE.
Code:
ul#menu2 {
list-style: none;
padding-top: 110px;
padding-left: 700px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
ul#menu2 li a {
text-decoration: none;
display: block;
width: 75px;
float: left;
color: #000000;
padding-left: 25px;
border-right: 1px solid;
border-color: #000000;
}
ul#menu2 li a:hover {
color: #FFFFFF;
}
ul#menu2 li a:active {
color: #FFFFFF;
}