WebDesign — RSS

<form name="input" action="mailto:info@tallahasseehighlandgames.com" method="POST" style="padding-left:10px; font-size: 12px;">
Yes! Please add me to your mailing list!<br />
Name(s): <input name="text" name="fullname"><br />
Mailing Address: <input name="text" name="address">   City: <input name="text" name="city"><br />State: <input name="text" size="4" name="state">   Zip: <input name="text" size="10" name="zip"><br />
Is this an address change? <input type="radio" name="change" value="yes" />Yes <input type="radio" name="change" value="no" />No<br />
Email address: <input name="text" name="email"><br />
Please check all boxes of subjects you would like more information on:<br />
<input type="checkbox" name="info" value="sponsor" />Sponsorships   <input type="checkbox" name="info" value="corporate" />Corporate Sponsorships<br /><input type="checkbox" name="info" value="program" />Program Advertising   <input type="checkbox" name="info" value="fund" />Fund-Raising Events<br />
<input type="submit" value="Submit">
form>

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