Need help with IE Fix

Hello all. I need some help getting a portion of my site to work in IE. I'm using a drop down menu with CSS. It looks great in Firefox, but in IE the middle section of the menu gets covered up by other content on the site. I've posted two images (Firefox and IE), and my CSS/HTML under the cut. Any help or suggestions are greatly appreciated.

Menu in Firefox

Menu in IE

CSS for menu:

#menu {position: absolute;
       top: 0px;
       left: 30px;
       background: transparent;
       width: 200px;
       height: 25px;
       z-index: 1;}

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

li {float: left;
    position: relative;
    width: 200px;
    line-height: 18px;}

li ul {display: none;
       position: absolute;
       top: 1em;
       left: 0;
       background: #FEECFB;
       text-indent: 17px;}

li > ul {top: auto;
         left: auto;}

li:hover ul, li.over ul{ display: block;}

li:hover, li.sfhover {background: #FD1CD5;}

li a {font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;}

li a:hover {color: #000000;
            background: #FD1CD5;
            width: 195px;
            text-decoration: none;}

---------------------------------------------

HTML for menu:

If anything else is needed just let me know and I'll post it. Thanks so much!!!

Source: http://community.livejournal.com/webdesign/1351765.html