Nice Menus IE6 help

Hi Drual Community!

I am having a strange problem where the drop down menu from the nice menus module is displaying horizontally in IE6, but is fine if FF, Safari, IE7 etc. etc.

After looking over the other threads on IE6 display problems with nice menus i haven't been able to find a working solution. I am using a very simple CSS for the nice-menus pasted below along with my main nav style.css. Anyone have a suggestion on what I could add to help IE6 figure it out?

You can see the problem by going to http://www.snowboard-argentina.com

My Nice-menus css:

ul.nice-menu, ul.nice-menu ul {
padding: 0;
margin: 0;
}

ul.nice-menu li {
border-top: 0;
float: left;
margin: 0;
padding-left: 0px;
background-image: none;
}

/*ul.nice-menu a {
padding: 10px 5px 10px 5px;
}

ul.nice-menu ul, ul.nice-menu ul li {
width: 220px;
text-align: left;
margin-left: -15px;
}

My style.css for the main nav:

#topNav {
width: 970px;
height: 30px;
background: #fff url(images/layout/nav-back.gif) top left repeat-x;

position:absolute;
top: 335px;
left: 65px;
}
#topNav ul {
list-style-type: none;
text-align: center;
}
#topNav ul li {
display: inline;
}
#topNav a {
font: bold 11px "Times New Roman", Times, serif;
color: #fff;
text-transform: uppercase;
text-decoration: none;
line-height: 30px;
padding: 0 12px;
margin: 0 23px;
}
#topNav a:hover {
text-decoration: underline;
}
#topNav a.active {
background: transparent url(images/layout/awl-nav_active.gif);
background-repeat: no-repeat;
background-position: absolute;
padding-left: 30px;
padding-top: 0px;
margin-top: 0px;
}

Any help would be greatly appreciated...THANKS!