dropdown menu between FF & IE

[vividona]

Hi guys,
I am working on this dropdown menu. It is working good on firefox but on explorer refuse to dropdown. Plz help.

echo "<div class='cpinfo2'>
                <ul id='navig'>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Main</a></li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Configration</a></li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Articles</a></li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Forums</a>
                        <ul>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Forum Management</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Threads & Posts</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Attachments</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Permissions</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Perferences</a></li>
                        </ul>
                    </li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Members</a>
                        <ul>
                            <li><a href='".$_SERVER['PHP_SELF']."?action=user'>Show Members</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Create Member</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Member Groups</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Merge Members</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Permissions</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>BanList</a></li>
                        </ul>
                    </li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Add-ons</a>
                        <ul>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Blocks</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Modules</a></li>
                            <li><a href='".$_SERVER['PHP_SELF']."'>Themes</a></li>
                        </ul>
                    </li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Perferences</a></li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Permissions</a></li>
                    <li><a href='".$_SERVER['PHP_SELF']."'>Maintenance</a></li>

                </ul>
                </div>'; 

#navig ul {
list-style: none;
padding: 0;
margin: 0 0 1em 10px;
width: 60em;
line-height: 1;
float: left;
}

#navig li {
float: left;
white-space: nowrap;
margin: 0;
padding: 0;
width: 10em;
}

#navig a {
background-color: #efefef;
padding: 10px 50px 4px 25px;
border-right: 1px solid #000000;
border-left: 1px solid #666666;
border-bottom: 1px solid #000000;
display: block;
w\idth: 6em;
height: 30px;
color: #000;
font-weight: bold;
}

#navig a.parentItem {
background: url(images/undo.gif) center right
no-repeat;
}

#navig li ul {
position: absolute;
left: -999em;
height: auto;
width: 8em;
margin: 0;
}

#navig li:hover ul ul, #navig li.subhover ul ul {
left: -999em;
}
#navig li:hover ul, #navig li li:hover ul, #navig li.subhover ul, #navig
li li.subhover ul {
left: auto;
}

#navig li:hover ul ul, #navig li:hover ul ul ul, #navig li.subhover ul
ul, #navig li.subhover ul ul ul, {
left: -999em;
}

#navig li:hover ul, #navig li li:hover ul, #navig li li li:hover ul,
#navig li.subhover ul, #navig li li.subhover ul, #navig li li
li.subhover ul {
left: auto;
}

#navig li li {
padding-right: 0;
width: 8em
}
#navig li ul a {
width: 10em;
w\idth: 11em;
}
#navig li ul ul {
margin: -1.75em 0 0 11em;
} 

[bluewalrus]

You need javascript for ie ie doesn't take the hover on any element other than a. http://www.alistapart.com/articles/dropdowns/