JRomao
6th February 09, 06:34 PM
Hey all \o/
I'm currently finishing a website and I've made a pure CSS dropdown menu. But there's a small problem with it...
The menu, which is supposed to have submenus with some links (of course), is on the top part of the design. All the top area is composed by 3 parts, the top part (only some images with a degradé), the body part of the header (where the menu is actually staying) and the footer part of the header.
Everything is ok on on Opera and Chrome but, in the all mighty IE7, the footer div stays on top of the submenus even though it as a z-index of -1...
Doesn't z-index work on IE?
How can I solve this?
No, position: relative; doesn't work.
Site Link: http://allinstreet.com
CSS file: http://allinstreet.com/templates/style.css
Image 1. Site Scheme
http://jromao.com/docs/imagem/allinbase.PNG
Image 2. Comparison IE - Opera
http://jromao.com/docs/imagem/allincomp.PNG
I'm currently finishing a website and I've made a pure CSS dropdown menu. But there's a small problem with it...
The menu, which is supposed to have submenus with some links (of course), is on the top part of the design. All the top area is composed by 3 parts, the top part (only some images with a degradé), the body part of the header (where the menu is actually staying) and the footer part of the header.
Everything is ok on on Opera and Chrome but, in the all mighty IE7, the footer div stays on top of the submenus even though it as a z-index of -1...
Doesn't z-index work on IE?
How can I solve this?
No, position: relative; doesn't work.
Site Link: http://allinstreet.com
CSS file: http://allinstreet.com/templates/style.css
Image 1. Site Scheme
http://jromao.com/docs/imagem/allinbase.PNG
Image 2. Comparison IE - Opera
http://jromao.com/docs/imagem/allincomp.PNG