IE 6 menu problem, anyone help? [Solved]

[Metal Beryl]

Hello,

I've got my menu working in IE7 and Firefox but cant seem to get it working in IE6 anyone know how to solve the problem?

http://www.blackboxmerseyside.co.uk/index.php?page=home

CSS is...


#menuwrapper {
  /* Fix for Opera 8 */
  /*  overflow: hidden;  */
 
}

#primary-nav, #primary-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float:left:
}
#primary-nav ul {
  position: absolute;
  top: auto;
  display: none;
}

#primary-nav li {
  margin-left: 20px;
  float: left;
  width:98px;
  height:144px;
}

#primary-nav li a {
display: block;
text-decoration: none;
text-align: left;
letter-spacing: normal;
color: #FFFFFF;
font-family: "Trebuchet MS" Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
        padding-top: 100px;
        line-height: 120%;
}

#primary-nav li, #primary-nav li.menuparent {
}


#primary-nav li.menuactive {
}

#primary-nav li li.menuparent:hover {

}

#primary-nav ul li.menuparent,
#primary-nav ul li.menuparent:hover,
#primary-nav ul li.menuparenth,  {
background: #008730 url(uploads/images/overtab.jpg) repeat-x;
color: #FFFFFF;
        border: 1px solid #666666;
        width:98px;
        height:144px;

}


#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
background: #008730 url(uploads/images/overtab.jpg) repeat-x;
        border: 1px solid #666666;
color: #FFFFFF;
        width:98px;
        height:144px;
}

[KO]

Javascript adds letter "h" to you li class name when hovering over. So if you have .redtab it will be .redtabh when hovering over.

Make sure your CSS corresponds to that.

[Dr.CSS]

Since you are not using any second level menu items you may want to put the class on the a instead of the li then you could get rid of the IE JS...

IE understands the a:hover not li:hover...