Can someone simplify my css code

Basically my css code is really long winded and is not always working in ie.

Thanks in advanced.

[CODE]#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%;
}
[/CODE]

Also in #CSS _↴