Z-index ignored in IE6

[lambrite]

I am using javascript to show a div on a mouseover. In Mozilla, all is hunky-dory. (Love Mozilla.) My issue is that in IE, the div shows behind another div on the page. I've set the z-index on the problem div ridiculously high, to no effect.

I've searched for the problem, but either I'm using ineffective search terms (most likely) or a similar problem has not been documented else where (less likely).

I'd appreciate any pointers to other references, or if you'd like to take a look at the page, it's http://www.jaypaulstudio.com/gallery/beach/spink.html

Thanks
Sarah

[Paul O'B]

Hi,

The problem has occured because you have used invalid code.

You have wrapped block level elements up inside your h2 tag which is not allowed and is confusing ie.

Change your code tyo something like this.

<div style="position:relative;z-index:100"><h2>limited edition giclee <a href="java_script_:;" onClick="MM_showHideLayers('giclee','','show')" onMouseOver="MM_swapImage('question','','http://www.jaypaulstudio.com/images/question-roll.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="http://www.jaypaulstudio.com/images/question.gif" alt="What is GiClee?" name="question" border="0" id="question"></a> 
		 </h2>
	<div id="giclee" class="definition" onMouseOut="MM_swapImgRestore();MM_showHideLayers('giclee','','hide')" >Giclee 
			prints are ditigal copies of original artworks, made using high-resolution 
			digital files and inkjet printers. For more information, visit <a href="http://www.proteusworkshop.com/giclee.html" target="_blank">Proteus 
			Workshop</a></div>
		</div>

You should set up a class for that inline style to keep things tidy, I've just left it there so you can see it .

Paul

[lambrite]

Well, that makes perfect sense. I had it in the <h2> because I wanted the position relative to that... but obviously I wasn't thinking about it very clearly.

Thanks for the help!

Sarah