Internet explorer z-index issue

On this website: http://rwl.rwlwater.com/ when I have more menus, it moves the search bar on the next line, but it's still visible over the featured slider. 开发者_运维问答In firefox this doesn't happen and the search bar is not visible.

I tried changing the z-index for the slider div, for the search bar div, but it doesn't work.

Because the divs you're trying to stack are in two different contexts (i.e. they are nested in other divs so they are not sibilings) you're not going to be able to set their z-index directly.

I think you'll have to set the z-index of the parent that is an actual sibling of the other...so since #top and #content-full are sibilings, you can need to set the z-index of #top with a higher number. This also means you'll have to position #top to something other than it's default static.