I am working on a vertical cascading menu, that is, menus that go from left to right. I would like the sub menus that pop out from the parent menu items to over hang on the parent menu just a little, instead of being side to side from the parent items on the cascading menu. I have employed a z-indexing scheme that will accomplish this, however (and here is the rub) the z-index tags do not work in the IE browser, where they work in my Firefox browser perfectly. In the IE browser, the parent menu items cover over the child pop out menus, where I want the opposite to happen. Is there a workaround this situation.
For example let say the parent menu item is 10 em wide from a particular starting point, I want the child menu item to take up 5% of that width, so it looks like it is on top of the parent item. How can I have the child items show on top of the parent items in an IE browser. I am using a coding scheme of css and unordered lists.
|<----parent menu ----|<-->|---child menu elements --->|
|<----parent menu --------->|
|<----parent menu --------->|
In the above illustration the first parent item has a sub menu (child menu) where I want all of the child member elements to overhang on all of the parent menu elements, depending on how big the child menu is (that is how many child elements that are contained in the child menu or sub menu).
rambro