I'm trying to make an entire 'block' of elements into a link (like a
table, but using spans and divs).
I laid out the <a href="#" class="content">Pics, spans, text,
etc..</a> then positioned the elements accordingly.
I have everything working perfectly in Firefox, but only
'sort-of' in IE.
In IE, It seems as if the Z-order of the elements on top of the
"content" class <a> override the Link functionality.
Other browsers behave, but not IE. The text in the link is hovering
with the 'text' cursor, but I can still click the link, but the IMG wont
click at all. It's just weird.
Also, I tried using:
but it doesn't work in this case.
What is the hack to get this to work?
The example in question (Fine in FF, Broke in IE):
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/