I have a css layout problem. I have java script/css menu, that were generated from a software. If you can look into picture, you will notice, it is displaying correctly, except, when there is a dropdown field, it goes in background for that particular area. means, dropdown is overlaping menu. all the form fields causing no disturbance. problem is only there, where this is any dropdown. Please advise, soon.......what can be problem..
This is a bug within IE where select elements do not obey the normal z-index. They are always on top, regardless of their order - except for iframes. There are a few ways around this but most of them require a better working knowledge than you seem to have. I believe there is a proper jQuery plugin for this but I couldn't find it. I did find this link though: http://snipplr.com/view/4134/jquery-simule-zindex-to-place-divs-over-select-objects-explorer-bug/ If you're not comfortable with that I would recommend rethinking the necessity of your dropdown menu or the selects in your form.
Thanks Greg, for you reply. I think, you indentified the problem correctly. I will need to find any way to correct this. because, all the select fields are must on my form. and my menu is completely not working on firefox browser. I think some js problems.. will test on IE7 in few hours,,if this doesn't work then I must have to find any solution for IE6. I tried the resource you provide, but I ws unable to extract help from it. if you have more resources that can help me. that will be great. By the way, thanks, for indentifying correct problem. Regards, Azam.
Something you might consider is finding a dropdown menu that doesn't have this issue. Many of them have built-in support for this issue because it's fairly well-known among javascript developers.