maybe you could be my eyes and help?

[colonel5]

Any web designers on a PC that can check out this site (http://www.iotinc.com/newsite) in IE 6 and let me know what the deal with the roll over menus are?

When you roll over the Ricoh Button it's supposed to look like the image attached to this post but it ends up not recognizing the page breaks and really messes it up by putting some of the links over the image on the right of the drop down menu. I've included the html & css below.


Here is the html for the list.

<ul class="Section1">
<li class="Section First">
<ul>
<li><a href="#">› Service & Repair</a></li><li><a href="#">› Refurbished Hardware</a></li><br>
<li><a href="#">› Monochrome Printers</a></li><li><a href="#">› Color Printers</a></li><br>
<li><a href="#">› Monochrome Copiers & Multifunction</a></li><li><a href="#">› Color Copiers & Multifunction</a></li><br>
<li><a href="#">› Fax Machines</a></li><li><a href="#">› Color Inkjet</a></li><br>
<li><a href="#">› Downloads</a></li><li><a href="#">› Supplies</a></li><br><br>
<li><a href="#">› Get Free Service on our <strong>TIC Program</strong></a></li>
</ul>
</li>
</ul>

And here is the CSS for the list

ul#Nav li ul.Section { /* second-level lists */
position: absolute;
background-image:url(images/hp.jpg);
background-repeat:no-repeat;
border-top: 1px solid white;
margin-top: 0px;
height: 150px;
left: -1000em;
}
ul#nav img {
border: none;
}

ul#Nav li:hover ul ul,
ul#Nav li.sfhover ul ul {
left: -1000em;
}

ul#Nav li:hover ul,
ul#Nav li.sfhover ul {
left: 1px;
}

ul.Section {
padding: 0px ! important;
width: 798px ! important;
}
ul.Section li.Section {
width: 785px ! important;
padding: 13px;
}
ul#Nav ul.Section ul {
width: 785px;
}

ul#Nav li.Section li {
width: 210px;
}

ul#Nav li ul.Section li ul li {
border: 0;
padding: 0;
}

ul#Nav li ul.Section li ul a:link,
ul#Nav li ul.Section li ul a:visited {
margin: 0;
padding: 2px 10px 2px 6px;
font-weight: normal;
font-size: 11px;
color: #FDFDFD;
text-decoration: none;
white-space: nowrap;
}
ul#Nav li ul.Section li ul a:hover,
ul#Nav li ul.Section li ul a:active {
text-decoration: underline;
}

any thoughts are welcome on how to fix this issue. Thanks so much