CSS Dropdown menu for the header- With Categories!

[crazysarah]

Hey there, First off, I know about the htc file but I'm still having trouble getting this to work in ie6. I'm on my localhost so in my configure files i have like:

define('HTTP_SERVER', 'http://169.254.107.215');

In my htaccess I haven't done the redirect because (a) at this stage I think I don't need it (?) and (b) I'm not sure what I'd put in there since this is a localhost.

I did put in the bit so it loads the correct mime type and I'm using css3PIE which also makes use of an htc file and I know it works fine.

I have altered the original code so that I can add a little more detail to my graphics so there's a few divs that are new etc... Here's my code:

<div id="dropMenuWrapper">
  <div id="dropMenu">
    <ul class="level1">
<li class="submenu"><div class="catCont"><div class="cats-top">Guinness</div><div class="cats-bottom"> Merchandise</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=8">Guinness Clothes</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=9">Guinness Hats</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=10">Guinness kitchen</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=11">Guinness Magnets & key rings</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=12">Guinness Memorabilia</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=14">The Guinness Golfer</a></li></ul></li><li class="submenu"><div class="catCont"><div class="cats-top">Irish Gifts </div><div class="cats-bottom">&amp; Souvenirs</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=3">Bushmills Merchandise</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=6">Finnians Irish Ornaments</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=16">Irish Novelties &amp; Gift Ideas</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=21">Magnets &amp; Keyrings</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=24">Northern Ireland football</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=26">Teddy Bears &amp; Dolls</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=27">Titanic Gifts</a></li></ul></li><li class="submenu"><div class="catCont"><div class="cats-top">Irish Clothes </div><div class="cats-bottom">&amp; Knitwear</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=1">Aran Wool Knitwear</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=5">Designer Ladies scarves</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=15">Irish &amp; Ulster Rugby Shirts and hats</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=18">Irish Neck Ties</a></li></ul></li><li class="submenu"><div class="catCont"><div class="cats-top">Irish Home </div><div class="cats-bottom">&amp; Decor</div></div><div class="pointer"></div><div class="seperator"></div><ul class="level2"><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=17">Irish Mugs &amp; Kitchen Ware</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=19">Irish Sculptures &amp; Ornaments </a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=20">Irish Tea Towels</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=23">Mohair Throws</a></li><li>
	<a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=25">Picture Frames &amp; Wall Hanging Plaques</a></li></ul></li><li><a href="http://169.254.107.215/blank/index.php?main_page=index&amp;cPath=4"><div class="catCont"><div class="cats-top">Celtic</div><div class="cats-bottom"> Jewelry</div></div><div class="pointer"></div><div class="seperator"></div></a></li>
      <li class="submenu"><div class="catCont"><div class="cats-top">Browse by </div><div class="cats-bottom">Price Range</div></div><div class="pointer"></div>
        <ul class="level2">
          <li><a href="http://169.254.107.215/blank/index.php?main_page=shippinginfo">Shipping Info</a></li>
          <li><a href="http://169.254.107.215/blank/index.php?main_page=privacy">Privacy Policy</a></li>
          <li><a href="http://169.254.107.215/blank/index.php?main_page=conditions">Conditions of Use</a></li>
		  <li><a href="http://169.254.107.215/blank/index.php?main_page=FILENAME_ABOUT_US">About Us</a></li>
                    <li><a href="http://169.254.107.215/blank/index.php?main_page=site_map">Site Map</a></li>
                    <li><a href="http://169.254.107.215/blank/index.php?main_page=gv_faq">Gift Certificate FAQ</a></li>
          <li><a href="http://169.254.107.215/blank/index.php?main_page=discount_coupon">Discout Coupons</a></li>
          <li><a href="http://169.254.107.215/blank/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
        </ul>
      </li>

    </ul>
  </div>
</div>

And the css:

body {  
	behavior: url(includes/csshover.htc);
	}
	
/*green*/
div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}


/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/ 

/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
	
#dropMenuWrapper {
	width:100%;
	height:53px;
	margin:0;
	font-size:11px;
	}
	
div#dropMenu {
  	width:960px;
  	margin:0 auto;
	z-index:1000;
	position:relative;
	}

div#dropMenu ul {
	margin: 0; 
	padding: 0;
	}
	
div#dropMenu li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: left; 
	line-height: 1em;
	}
	
div#dropMenu ul.level1 {
	width:960px; 
	margin:0 auto; 
	background-image: url(../images/navbg.gif);
	background-repeat:repeat-x;
	height:53px;
	z-index:1000;
	}
	
.cats-top{font-size:14px;font-weight:bold;color:#babc04;}
.cats-bottom{font-size:14px;font-weight:bold;color:#ffffff;}
.catCont{margin:15px 15px 15px 30px;float:left;}
.pointer{background-image: url(../images/blackPointer.gif);width:13px;height:53px;float:left;margin-right:27px;}
.seperator{background-image: url(../images/navsep.gif);width:2px;height:53px;float:left;}
	
div#dropMenu li:hover {}
div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:13em;}
div#dropMenu li.submenu li.submenu {}
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {top: 53px; background:#4f4f4f;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em; background:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}

Can anyone tell me how I can make this work with IE6? It's been driving me nuts for hours now. (bugger you Gates)