Conditional CSS . . .
. . . place the statements listed below in the "Header" of your page HTML (after the <link href> section for the original .css file in your eCart set-up will work). Name the CSS files whatever is pertinent/memorable for you. Your IE6 specific .css file should have the width, height, whatever descriptions that work in IE6. You only need those specific "div" listings that differ, not the entire website version. Do not re-name the "div". Keep the values that work in Firefox as the entries in the "main" .css file (generated by WebAssist). Upload the IE6 (and/or IE7) specific .css files to your site root & the Internet Explorer browsers in the world will "replace" the differing "div" values with the "IE specific" ones.
<!--[if LTE IE 6]>
<link href="IE6.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<link href="IE7.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
Also, I believe that there's a technique called "sticky hovering" that basically encloses the flyout unordered list (ul) with a "div". Then that "div" can be padded to make it easier to access (or harder to miss) on hover/rollover. The CSS looks something like this:
ul div {
position: ?;
left: ?;
width: ?;
padding: ?;
background-image: ?;
}
I believe that a "nonsense" bkgd. image is needed to get around another IE bug . . .
