Forum Moderators: not2easy
I have a page with a div for a submenu (div#submenu, a styled UL) to the left and then a div for the mainmenu (div#mainmenu, also an UL) on top. Then there's also the content of course.
My problem is that if the window is less wide than the width of the main menu, both the submenu and mainmenu completely disappear, but only in IE. When I start out with a maximized window and then scale the window down, the DIVs don't automatically disappear when I get under that width, it's only when I try to load one of these pages with the window already too small.
I've tried a few fixes, and the closest I came was setting position:relative on div#submenu which made both menu divs appear in their right positions, but unfortunately shifted the content down below the submenu. First I thought I needed an overflow:visible but that doesn't seem to help.
Would be very grateful for any ideas whatsoever.
tsk tsk to us lot this has gone unnoticed for so long!
If you haven't yet found your solution could you add * {zoom: 1.0;} to the top of your CSS (this is only a troubleshooter, not a solution and might throw some other things weird for a minute} but does it help stop the affected divs from disappearing?
If not can you post the outline HTML and CSS for the top nav, side nav and content divs
Suzy