CSS based NAV BAR not rendering correctly in FireFox... IE is fine HELP!

[zeech26]

Hello, I am having a weird issue with a dropping <LI> element in my navbar in Firefox. IE looks great, as well as Safari
Here is the page:
efficientdrivetrains.com/index.html

The CSS markup I am using for this navbar is here:


#nav {
width:800px;
background-color:#f57c4a;
margin:0px auto 2px auto;
border-right:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
}

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

ul#list-nav li {
display:inline;
}

ul#list-nav li a {
text-decoration:none;
padding:5px 10px;
width:auto;
background:#f57c4a;
color:#FFF;
float:left;
text-align:center;
border-right:1px solid #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.8);
}

ul#list-nav li a:hover {
color:#FFF;
background-color:#ce520f;
}
ul#list-nav li a:active {
color:#000;
}

ul#list-nav li a.live {
color:#FFF;
background-color:#ce520f;
}

To see the entire style sheet, look here:
efficientdrivetrains.com/css/master.css

Any help would be so greatly appreciated...
I have spent hours trouble shooting this and I am at wits end.
thanks!
zack


FIXED IT:
HAD A UL LI TAG THAT NEEDED TO BE REMOVED