IE 7 zindex problem

[supersoniquest]

look at :
http://politea.sk/tmp/ytie/

if you open the combobox, the button is still over the open combobox althrought it has a lower z index

i tried several positions but still dont know whats causing this error, or how to fix that



thank you

[Wickham]

In Firefox the WEITER button is covered by the combobox drop down, but in IE7 it's on top like your image in the post.

I downloaded your files and I've been able to see the drop down combobox in Firefox in my local version and in IE7. However, by adding z-index it worked in Firefox but not in IE7.

This worked:-
Move the div.next:-

<div class="r_col">
						<span 

class="label">Manschettenknopfe</span>
						<div 

class="div_combobox" style="height: 100px; ">
							<div 

class="div_combobox_precontent" onclick="openCombobox(this)" 

style="height: 100px">
								

	<p class="combo">					
								

		<img src="img/content/tie.jpg" class="left"/>
								

		<br />
								

		Manschette 1 
								

	</p>
							

</div>


<div class="next" >
						<input 

type="button" value="weiter" class="button" />
					</div>

	
							<div 

class="div_combobox_content" style="top: 105px; height: 250px; 

overflow: auto; ">

								

<div class="div_combobox_item" style="height: 100px; 

background-color: violet;" onclick="itemClicked(this)">
								

	<p class="combo">		

						
								

		<img src="img/content/tie.jpg" class="left"/>
								

		<br />
								

		Manschette 1
								

	</p>
								

</div>
</div>
							
							<br 

style="clear:both" />
						</div>

						
					</div>
				<!--<div class="next" ">
						<input 

type="button" value="weiter" class="button" />
					</div>  moved up-->
				</div>
				<div class="box2"></div>..........

then edit the style in configurator.css:-

div.next {
clear: both;
left: -250px; top: -50px;
position: absolute;
margin-top: 270px;
margin-left:370px;

}

and in ie.css:-

div.next {left: -250px; top: 150px;
margin-top: 70px;
margin-left: 190px;
}