Click to See Complete Forum and Search --> : Can someone simplify my css code


tobes
10-25-2008, 04:05 PM
Basically my css code is really long winded and is not always working in ie.

Thanks in advanced.

#navigation {
height: 50px;
background: #303136;
}

#navigation ul {
margin: 0px;
padding: 0 0 0 20px;
list-style: none;
}

#navigation li {
display: inline;
}

#navigation a {
display: block;
float: left;
border: none;
background: no-repeat left 55%;
padding: 14px 36px 10px 30px;
text-decoration: none;
color: #FFFFFF;
}

#navigation a:hover {
color: #FFF;
background:#1776b8 url(../images/navigation_arrow.gif) no-repeat right;
}

#navigation-link {
float:left;
height:30px;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
}

#navigation-link a {
color:#FFFFFF;
text-decoration:none;
display:block;
height:100%;
}

Major Payne
10-25-2008, 11:48 PM
Might check out CSS Redundancy Checker (http://code.google.com/p/css-redundancy-checker/).