CSS menu in IE8

Hi, menu in IE8 is not showing the same as all other browsers as you can see here http://catbird.findone.co.nz CSS below. Any help as to why this is happening would be greatly appreciated.

/* menu tabs */
#header ul {
z-index: 999999;
position: absolute;
margin:0; padding: 0;
list-style:none;
right: 0;
bottom: 6px !important; bottom: 5px;
top: 69px;
}


#header li {
display:inline;
margin:0; padding:0;
}
#header a {
float:left;
background: none;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#header a span {
float:left;
display:block;
background: none;
padding:6px 30px 3px 8px;
color: #675e5f;
font: 14px 'TheMixRegularCaps', arial;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
color:#ca0705;
}
#header a:hover {
background-position:0% -42px;
}
#header a:hover span {
background-position:100% -42px;
}
#header #current a {
background-position:0% -42px;
color: #ca0705;
}
#header #current a span {
background-position:100% -42px;
color: #ca0705;
}
/* end menu tabs */