Calendar overlaps with drop down control underneath it

Dave Mathis wrote:

Hi Staurt,

I like your calendar but got into a weird problem where the calendar overlaps with a drop down select underneath it. I tried to fix it using the z-index in the css but not lock. It only overlaps with the drop down control and not with others like text box, text area, buttons, labels etc.

Any thoughts?


This is an issue with Internet Explorer. The easiest way to fix this problem is by wrapping the div you want to be above the select box in an iframe. Here is a simple jquery plugin that demonstrates the technique. You should be able to easily port this to other JavaScript libraries to solve the issue.

Hope this helps!