display block issue with IE

[lprintz]

Hey guys!

I can't seem to figure out why something's not working in IE.

Please view this page in Firefox - http://www.gymnasticsvillage.com/uni...hop_polos.html

Notice when you hover over a shirt, a 'quick look' link pops up. If you click the SHIRT it takes you to a details page, however, the 'quick look' opens a modal.

NOW in IE...the quick look works but you can't click the shirt for the details page.

I'm stumped! Can anyone help me?

Thanks!

[bionoid]

Hi lprintz,

After some experimenting I noticed that you had the product link, product image and quick look elements as siblings, where the image is in front of the link:

<div class="prodThumb">
	<a class="details" href="_shop_productDetail.html"></a>
	<img src="../template/images/cart/prod_med.jpg" width="160" />
	<a class="ql" href="#prodDetailSmall" name="modal"></a>
</div>

I didn't try swapping the link and image tag orders around, but I placed the image within the product link and it seemed to work fine in IE and FF:

<div class="prodThumb">
	<a class="details" href="_shop_productDetail.html">
		<img src="../template/images/cart/prod_med.jpg" width="160" />
	</a>
	<a class="ql" href="#prodDetailSmall" name="modal"></a>
</div>

You might not even need some of the styles applied to the link with this configuration, such as the block and absolute placement.