Show_menu2 CSS goes crazy in firefox!

Hi all ,

Help! Hehe, I have been pulling my hair out a little bit too much with this one, and am now appealing to the community:

This is the site: http://tinyurl.com/2tpr3v

I have a menu, in ie it shows like this:

item 1
item 2
pretty simple

But in firefox, it shows like this:

Edit: doesn't show here, has left margin (big)

Here's my css:

Code:

#menu a { text-decoration: none;}
#menu a:hover { text-decoration: underline;}
#menu ul { margin: 5px 0px; list-style:none; width: 160px; font-size: 12px; font-weight: bold; }
#menu ul li { border-bottom: thin dotted #999; padding:5px; }
#menu ul li:hover{ border-bottom: thin dotted #999; padding:5px; background-color:#EFEFEF;}
#menu ul li.menu-current:hover{ border-bottom: thin dotted #999; padding:5px; background-color:#FFF;}
#menu ul ul { list-style:none; font-size: 12px; font-weight: normal;}
#menu ul ul li { list-style:none; text-indent:10px; background: url(images/list_bg3.gif) no-repeat 0px 5px; padding: 0px; border-bottom: 0px;}
#menu ul ul li:hover{ list-style:none; text-indent:10px; background: url(images/list_bg3.gif) no-repeat 0px 5px; padding: 0px; border-bottom: 0px;}
#menu ul ul li.menu-current:hover{ list-style:none; text-indent:10px; background: url(images/list_bg3.gif) no-repeat 0px 5px; padding: 0px; border-bottom: 0px;}

How can I make it work across browsers? Here's the link again: http://tinyurl.com/2tpr3v

Thanks so much

Note: This IS as WB site, it just has the /admin changed to something else for extra security, as per the feature.