Menu not displaying correctly in IE6

[lifeontheedge380691]

Hi,

I've created a simple menu in Dreamweaver and it works fine in Firefox and later versions of IE but not IE6. It displays as a list going across the page with no formating. You can see an example of the menu www.pocketdeath.com/testagain.php This is just a test site for me to play around with. None of the links actually work.

Here is the contents of the menu_ie.css file

Any ideas, all help would be very much appreciated.

ul#cssmw {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul#cssmw ul {
cursor: default;
font-size: 0;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
ul#cssmw ul li {
background-image: none;
border-bottom: solid 1px black;
float: none;
margin-bottom: -1px;
}
ul#cssmw li {
zoom:1;
background-image: none;
border-bottom: solid 1px black;
float: left;
margin-bottom: -1px;
padding: 0 0 0 0;
position: relative;
white-space: nowrap;
z-index: 100;
}
ul#cssmw li ul {
display: none;
top: 0;
}
ul#cssmw li.hover ul {
display: block;
position: absolute;
}

ul#cssmw li.current ul {
position: absolute;
}
ul#cssmw li {
zoom:1;
background-image: none;
}
ul#cssmw li a {
background-image: url("../cssmw_images/bg.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #FFFFFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 18px;
line-height: 18px;
margin: 0 0 0 0;
padding: 6px 10px 6px 6px;
text-decoration: none;
width: 134px;
}
ul#cssmw li * a {
height: auto;
width: auto;
}
ul#cssmw li span * a {
height: auto;
width: auto;
}
ul#cssmw li.hover a {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #0D092B;
text-decoration: none;
}

ul#cssmw li.current a.current {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #0D092B;
text-decoration: none;
}
ul#cssmw ul.level-1 {
left: 0px;
top: 100%;
}
ul#cssmw ul.level-1 li {
background-image: none;
}
ul#cssmw ul.level-1 li a {
background-image: url("../cssmw_images/bg.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #FFFFFF;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 18px;
line-height: 18px;
margin: 0 0 0 0;
padding: 6px 10px 6px 6px;
text-decoration: none;
width: 134px;
}
ul#cssmw ul.level-1 li * a {
height: auto;
width: auto;
}
ul#cssmw ul.level-1 li span * a {
height: auto;
width: auto;
}
ul#cssmw ul.level-1 li.hover a {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #000A5C;
text-decoration: none;
}

ul#cssmw ul.level-1 li.current a.current {
background-image: url("../cssmw_images/grad.jpg");
background-repeat: repeat-y;
border-bottom: solid 1px #9BB6D2;
color: #000A5C;
text-decoration: none;
}

[Ray Borduin]

I can't spot the problem.

Please export your menu preset and send it to us in a support incident. That will allow us to try to reproduce the problem and determine the fix.

[Justin Nemeth]

Looks like you need to upload the menu_ie.css file to the server. That could be the issue right there. If you are still having issues, please submit an incident like Ray mentioned and attach your exported menu preset.