drop down menu not working in IE6

My drop down menu on http://power9pro.com/ does not work in IE 6, specifically, the drop down li classes do not drop down at all:

<li class="dir">about
<ul>
<li><a href="About_Power_9_Pro.htm">company</a></li>
<li><a href="team.htm">team</a></li>

<li><a href="presskit">presskit</a></li>

</ul>

I copied this menu from http://www.lwis.net/free-css-drop-down-menu/ and it is supposed to be IE 6 compatible, so I'm wondering what I did to make it not work. Here's all the code that I think has to do with it:


ul.dropdown-horizontal ul *.dir {
padding-right: 15px;
background-image: url(images/nav-arrow-right.png);
background-position: 100% 50%;
background-repeat: no-repeat;
}

ul.dropdown-vertical *.dir {
background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
padding-right: 15px;
background-image: url(images/nav-arrow-left.png);
background-position: 0 50%;
}

/* ------------- Reinitiate default: post-override activities */

ul.dropdown li.dir {
padding: 7px 30px 7px 30px;
}

ul.dropdown ul li.dir {
padding-right: 15px;
}


/* ------------- Custom */

ul.dropdown li {

}


/* Especially for IE6 or lower */

ul.dropdown ul a {
padding: 4px 5px 4px 12px;
/*width: 139px;*/
}

ul.dropdown ul a:hover {
padding: 3px 5px 3px 11px;
border: solid 1px #ff6600;
background-color: #ff6600;
font-weight: bold;
}

ul.dropdown ul a.dir {
/*width: 129px;*/
}