CSS... you evil vixen... how you torture me...

I am having two seemingly minor CSS related issues. Hopefully someone will be able to point out where, exactly, I screwed the pooch.
Here is a link to the test page for the theme I am working on:
http://174.132.88.72/~mbitest/

1. On the top of the page (look for the black bar) I created an area called top-menu. I have four links in that menu. In IE all four links are displayed but in FF only the first and last links show up. Has anyone run into that problem before?

2. In the page footer, there are two menus side by side (under Matthews Buses and Customer Service). In IE they are displayed the way I intended - without the bullet points. But in FF, the bullet points are still there.

So. Are my eyes playing tricks on me? Have I been drinking from tainted Kool-Aid? Personally I think that Bill Gates is sitting at his desk and screwing with me but I can't prove it. I am hoping this is just my lack of CSS chops. I have pasted the CSS code below. If you need anything else, let me know.

Here is the CSS code for the two areas in question:
/*****************************************************
*********Top Menu Section Settings*******************/
#top-menu{height: 20px; padding-top: 1px;}
#top-menu ul, #top-menu li {margin:0; padding: 0 0 0 -1em; list-style-type: none; background-image: none; display: inline; }
#top-menu a:link, #top-menu a:visited {color: #ffffff;}
#top-menu a:hover, #top-menu a:active {color: #fcb916;}

/*****************************************************
*********Footer Column Settings **********************/
#footer-content h2 {color: #ffffff; font-size: 1.2em; margin:0; padding: 0 0 5px 0;}
#footer-content ul {list-style-type:none; padding:0; margin:0;}
#footer-content li {background-image: none; margin:0; padding: 0 0 0 -1em;}
#footer-content a {font-size: 12px; font-weight: bold}
#footer-content a:link, #footer-content a:visited {color: #65818f;}
#footer-content a:hover, #footer-content a:active {color: #fcb916;}