div layering problems

Question

I am developing for an existing web application on an internal server, I can\'t really post all the code here as it\'s very very messy but I can show you guys a screenshot o

Answer 1

IE7 has known problems with z-index. Without seeing your page, the best I can do is point you to some useful links which explain the problem:

• http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
• IE7 Z-Index Layering Issues
• http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/

The general idea is to poke position: relative (usually remove it) and z-index on parent elements of your drop down until it's fixed.

Good luck!

Answer 2

Setting the z-index of the language box manually may help. Of course, if you don't want to do this, putting the language box after the blue box in the markup will do the trick too.

Answer 3

add a z-index to the style for the language box?

Answer 4

IE has some problem with z-index (see Google). As I had to fix a similar problem I was forced to use javascript to hide the background elements, which isn't really suitable for you.

You could try to change the order of creation in the html code, if possible.

Answer 5

You could try adding a z-index. This'll define which element is on top of which element: z-index