Vertical menu CSS issue with IE6,7 & 8

Question

Hello,
I am trying to figure out why this code is not working on IE 6,7 and 8, it is working on Firefox, Chrome and others. Could anyone help me find out and fix my problem. I will appreciate it.
The code:
menu.html
<link href="menuVertical.css" rel="stylesheet" type="text/css" />
<table align="center">
<tr>
        <td>
            <div id="navigationLeft">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li>
                        <a href="#">Drugs</a>
                      <ul>
                            <li>Regulatory Submissions</li>
                            <li>Establishment Licenses</li>
                            <li>Quality Control</li>
                            <li>Mapping & Validation</li>
                            <li>Audits</li>
                            <li>Documentation Review</li>
                            <li>Standard Operating Procedures</li>
                            <li>Complaints</li>
                            <li>Annual Product Quality Reviews</li>
                            <li>Training</li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Medical Devices</a>
                        <ul>
                            <li>Regulatory Submissions</li>
                            <li>Establishment Licenses</li>
                            <li>HPFBI Inspections</li>
                            <li>Complaints</li>
                            <li>Mapping & Validation</li>
                            <li>MDEL Attestation Procedures</li>
                            <li>Training</li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">Natural Health Products</a>
                        <ul>
                            <li>Product Registrations</li>
                            <li>Site Licenses</li>
                            <li>Quality Control</li>
                            <li>Audits</li>
                            <li>Documentation Review</li>
                            <li>Standard Operating Procedures </li>
                           <li>Training</li>
                        </ul>
                    </li>
                  <li><a href="#">Cosmetics</a></li>
                  <li><a href="#">Pesticides</a></li>
                    <li>
                        <a href="#">Regulatory Submissions</a>
                        <ul>
                            <li>Drugs</li>
                            <li>Medical Devices</li>
                            <li>Natural Health Products</li>
                            <li>Cosmetics</li>
                            <li>Pest Control Products</li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">GMP</a>
                        <ul>
                            <li>Establishment Licenses</li>
                            <li>Mapping & Validation</li>
                            <li>GMP Audits</li>
                            <li>Standard Operating Procedures</li>
                            <li>GMP Training</li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">FAQs</a>
                        <ul>
                            <li>List of Services</li>
                            <li>Industry Acronyms</li>
                            <li>Links</li>
                        </ul>
                   </li>
                     <li>
                        <a href="#">About DSA</a>
                        <ul>
                            <li>DSA Team</li>
                            <li>List of Services</li>
                            <li>Industry Acronyms</li>
                            <li>Why Choose DSA Consultants</li>
                        </ul>
                    </li>
                    <li><a href="#">Contact</a></li>   
                </ul>
            </div>
        </td>
    </tr>
</table>
The CSS code:
menuVertical.css
#navigationLeft
font-family: Tahoma;
font-size:14px;
color:#98012e;
list-style:none;
width:205px;
/*border:#red solid 1px;*/
#navigationLeft a:link, a:visited
font-family: Tahoma;
font-size:14px;
color:#98012e;
list-style:none;
width:205px;
text-decoration:none;
display:block;
#navigationLeft ul
margin:0px; padding:0px; background-color:#fff;
#navigationLeft ul li
height:25px;
line-height:25px;
list-style:none;
padding-left:10px;
color:#000;
/*border-top:#red solid;*/
border-bottom:#fff solid;
border-width:1px;
cursor:pointer;
display:block;
#navigationLeft ul li:hover
height:25px;
line-height:25px;
list-style:none;
padding-left:10px;
color:#000;
/*border-top:#000 solid;*/
/*border-bottom:#fff solid;*/
/*border-width:1px;*/
cursor:pointer;
#navigationLeft ul ul
display:none;
position:relative;
left:60px;
top:-5px;
border:#000 solid;
border-width:1px;
background-color:#fff;
width:220px;
#navigationLeft ul li:hover ul {display:block;}
#navigationLeft ul ul li {border:none; width:100%; /*float:left*/; display:block;}
#navigationLeft ul ul li:hover {     border:none;}

Answer 1

Flyout Menus require JavaScript and some IE specific CSS code to work right.  You'll find a good cross-browser flyout menu below.  Just copy and paste their code into a new HTML document and style it the way you wish.
http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-vertical/
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com