CSS Drop down menu doesnt work in IE6

Hi folks, first off, apology for asking what's probably a dumb question thats already answered here if I knew what to look for and how to apply the answers. I'm a database programmer who probably shouldn't be messing with css :) So max points to someone kind enough to wade thru this mess. Plus its a bit urgent.

That said, I promised this web site, found some code, hacked it up, and oh boy. Its fine in FF, but cant make it work on IE6.

Link is http://blacklightstudios.com/wbs/ and the problem is in the drop-downs titled "services" and "learn about..etc"

Thanks so much.

here is the CSS:

      /*=============================STYLE THE MENU =========================*/

            .menu, .menu1, .menu2, .menu3 {float:left}
            .sub_a {width:200px;}
            .sub_b {width:150px;}
            .sub1 {width:228px;}
            .sub2 {width:213px;}
            .sub3 {width:91px;}
            .sub4 {width:103px;}
      
            /*-----------------------------*/
            .menu img{border:0px;}
            
            /* remove the bullets, padding and margins from the lists */
            .menu ul{
            list-style-type:none;
            padding:0;
            margin:0;
            }
                  
            /* make the top level links horizontal and position relative so that we can position the sub level */
            .menu li{
            float:left;
            position:relative;
            z-index:100;
            width:228px;
            }
            
            /*------------ <> --------------*/
            .menu img, .menu1 img, .menu2 img, .menu3 img, .menu4 img{border:0px;}
            
            /* position the text in the sub menus  */
            .menu1 li span{
                  margin-left:28px;
                  color:#284332;
                  font:11px arial;
                  /*border-bottom:1px dotted; */
            }
      
            /* remove the bullets, padding and margins from the lists */
            .menu1 ul{
            list-style-type:none;
            padding:0;
            margin:0;
            }
                  
            /* make the top level links horizontal and position relative so that we can position the sub level */
            .menu1 li{
            float:left;
            position:relative;
            z-index:100;
            }
      
            /* use the table to position the dropdown list */
            .menu1 table{
            position:absolute;
            border-collapse:collapse;
            z-index:80;
            left:-1px;
            top:23px;
            }
                  
            /* style all the links */
            .menu1 a, .menu1 :visited{
            display:block;
            color:#000;
            background:#D5DDD7;
            text-decoration:none;
            width:213px;
            border:0px;
            height:20px;
            }
                        
            /* style the links hover */
            .menu1 :hover{
            color:#444;
            background:#7C9987;
            }
            
            /* hide the sub level links */
            .menu1 ul ul {
            visibility:hidden;
            position:absolute;
            left: 0px;
            border-style:none;
            }
            /* make the sub level visible on hover list or link */
            .menu1 ul :hover ul{
            visibility:visible;
            }
            
            /*------------ <> --------------*/
            .menu2 img{border:0px;}
            
            /* position the text in the sub menus  */
            .menu2 li span{
                  margin-left:28px;
                  color:#284332;
                  font:11px arial;
/*                  border-bottom:1px dotted; */
            }
      
            /* remove the bullets, padding and margins from the lists */
            .menu2 ul{
            list-style-type:none;
            padding:0;
            margin:0;
            }
                  
            /* make the top level links horizontal and position relative so that we can position the sub level */
            .menu2 li{
            float:left;
            position:relative;
            z-index:100;
            }
      
            /* use the table to position the dropdown list */
            .menu2 table{
            position:absolute;
            border-collapse:collapse;
            z-index:80;
            left:-1px;
            top:23px;
            }
            
            /* style all the links */
            .menu2 a, .menu2 :visited{
            display:block;
            color:#000;
            background:#D5DDD7;
            text-decoration:none;
            border:0px;
            height:20px;
            }
                        
            /* style the links hover */
            .menu2 :hover{
            color:#444;
            background:#7C9987;
            }
            
            /* hide the sub level links */
            .menu2 ul ul {
            visibility:hidden;
            position:absolute;
            left:0px;
            border-style:none;
            }
      
            /* make the sub level visible on hover list or link */
            .menu2 ul :hover ul{
            visibility:visible;
            }
      
            /*------------ <> --------------*/
            /* remove the bullets, padding and margins from the lists */
            .menu3 ul{
            list-style-type:none;
            padding:0;
            margin:0;
            }
                  
            /* make the top level links horizontal and position relative so that we can position the sub level */
            .menu3 li{
            float:left;
            position:relative;
            z-index:100;
            width:103px;
            }
      
            /*------------ <> --------------*/
      
            .menuFill img{border:0px;}
            
            /* remove the bullets, padding and margins from the lists */
            .menuFill ul{
            list-style-type:none;
            padding:0;
            margin:0;
            }
                  
            /* make the top level links horizontal and position relative so that we can position the sub level */
            .menuFill li {
            float:left;
            position:relative;
            width:5px;
            z-index:100;
            }

            /*----------- IMAGE MAP VIA CSS ---------*/
            div#img_map{
                  position:absolute;
                  top:0px;
                  left:0px;
            }
            
            div#img_map a {
                  background:transparent;
                  position:absolute;
                  text-decoration: none;
                  }
            
            #img_map a i {visibility: hidden; }
            

and the CODE:
                  <div class="menu1" style="z-index:100;">
                        <ul>
                              <li>
                                    <a class=sub2 href="learn.php"><img src='images/WBSorg_HP_Final_04.gif' width="213px"><!--[if IE 7]><!--></a><!--<![endif]-->
                                    <table><tr><td>
                                          <ul style="z-index:100;">
                                                <li><a class=sub_a href="about.php"><span>about us</span></a></li>
                                                <li><a class=sub_a href="staff.php"><span>meet the doctors</span></a></li>
                                                <li><a class=sub_a href="contact.php"><span>contact us</span></a></li>
                                                <li><a class=sub_a href="testimonials.php"><span>testimonials</a></span></li>
                                                <li><a class=sub_a href="faq.php"><span>FAQ's</a></span></li>
                                                <li><a class=sub_a href="forms.php"><span>insurance & forms</a></span></li>
                                                <li><a class=sub_a href="links.php"><span>other resources & information</a></span></li>
                                          </ul>
                                    </td></tr></table><!--[if lte IE 6]></a><![endif]-->
                              </li>
                        </ul>
                  </div>
                  
                  <div class="menuFill">
                        <ul>
                              <li><img src='images/WBSorg_HP_Final_03.gif' width="5px"></li>
                        </ul>
                  </div>
                  
                  <div class="menu2">
                        <ul>
                              <li>
                                    <a class=sub3 href="index.php"><img src='images/WBSorg_HP_Final_06.gif' width="91px"><!--[if IE 7]><!--></a><!--<![endif]-->
                                    <table><tr><td>
                                          <ul style="z-index:100;">
                                                <li><a class=sub_b   href="nutrition.php"><span>nutrition</span></a></li>
                                                <li><a class=sub_b   href="chiropractic.php"><span>chiropractic</span></a></li>
                                                <li><a class=sub_b   href="acupuncture.php"><span>acupuncture</span></a></li>
                                                <li><a class=sub_b   href="massage.php"><span>other services</a></span></li>
                                                <li><a class=sub_b   href="allergy.php"><span>allergy clearing</a></span></li>
                                          </ul>
                                    </td></tr></table><!--[if lte IE 6]></a><![endif]-->
                              </li>
                        </ul>
                  </div>
                  
                  <div class="menuFill">
                        <ul>
                        <li><a href="#"><img src='images/WBSorg_HP_Final_03.gif' width="5px"></a></li>
                        </ul>
                  </div>


Start Free Trial