a.menu-sub-item { width: 100%; }
What's happening in IE is that because the submenu divs are relatively positioned and are "outside" of the containing divs (that is, to the right of the rightmost edge), they have a width of 0 by default. The reason is that a nested div cannot be bigger than its parent unless specifically stated. So even though we see the submenu and it obviously extends beyond the width of its parent, as far as the DOM is concerned in IE, it doesn't. That's why when you move the mouse onto the submenu it closes, because the submenu's width is 0px. So the workaround (since each submenu will have a different width) is to specify that whatever is inside take up as much space as possible. And setting the width of what's inside to 100% does the trick in this case.
____________________
BYU Unix Users Group http://uug.byu.edu/ ___________________________________________________________________
List Info: http://uug.byu.edu/cgi-bin/mailman/listinfo/uug-list
