HTML & CSS
Thanks for any help!
Actually, on further reflection, I should just be able to wrap the expandable menu in a div and give it an appropriate minimum height, shouldn't I? I'll try that, but let me know if you have a better solution. Thanks.
Hi, you could give that expandable menu a MAX height (not min) and then it would only go so high, then the div below it could have a margin-top:(whatever that max height is) and then it would ensure to never overlap the menu.
JS could be used to find the overall height of the expandable menu, and give that value as a margin-top for the div underneath..it would ensure a better experience (though a small one) to those with JS disabled, and to those without JS, it would still not be broken
IE6 doesn't support max-height though