Again bad behave of IE. I was working on a client website. Site was done by someone else & I am basically fine tuning it & fixing UI bugs. In this scenario there is a multilevel CSS based navigation (that means no Javascripts at all) which coming under the side bar.

Navigation going under the Side Bar

In Firefox it was easy to fix by giving the maximum value to the z-index for that particular navigation.

#navigation li a {
	 position:relative;
	 z-index:9999;
}

Keep in mind that if you are using z-index, use position:relative or position:absolute.

But IE didn’t response at all.

After few minutes of workarounds I just gave a minus z-index value to the Side Bar.

#side_bar {
	position:relative;
	z-index:-1;
}

Thank god!!! It worked.

Navigation works fine now