Hello all,

I had a problem that was very similar (prol' the same as) this guys:

http://groups.google.com/group/jquery-en/browse_thread/thread/6112ba78fd2acc1

In other words, I do not see my third-level menu when using the
vertical.css and a few modifications. Mostly, I widened the width's to
18, reduced the padding, and used a bold verdana font at .9em.

Everything's cool in Firefox; work's great! Even fourth level is
beautiful. IE just doesn't show anything outside the "bounding" area
of the containing second-level UL element. Otherwise, it seems to be
passable up to two levels.

I looked a little further into it, and what's happening is the
bounding box of the second-level UL element is clipping the display of
the menu, which is right next to the edge of the second-level
containing UL element.

It acts as if overflow: hidden is set for the ul.nav li ul, although
adjusting this doesn't do anything in IE.

To test this (and I feel like prove it, since it seems clear, using
the test and lots of css debugging) I shortened the length of the LI
elements to something like 16.5em or something.

And sure enough, there it was! On the right side of the LI element
with the submenu, you could see 1.5em's of the "missing" menu. But
only what was inside that UL element bounding box!

If I widen the containing second-level UL, I get the third level, but
it's a flow panel, so the LI elements slide over for both the UL and
the containing third-level UL.

I want to try to get this to work right in IE.

Thanks!
Jared

Reply via email to