a{
cursor:pointer
}

fixed it for me! Images that previously had the regular pointer now appear to be clickable in ie6.

Cheers!

Great, that soultion works!

Ellen,

That’s even better! Fantastic, thank you!

a {
display: block;
}
a:link span {
display: block;
height: 20px;
}

span {
display: block;
height: 20px;
position: relative;
z-index:-1
}

If you give the anchor layout and add the position and z-index to the span, it’ll move the span backward so it’s no longer a click-blocker. Haven’t tested much, but seems to work. (via brunildo)

The problem is if you set a height on the element inside the link, or make it into a block. Then the problem occurs.

Then adding cursor: pointer; to the tag seems to work fine for me.

I’m stuck with the same problem and that’s the only thing I can think of at the minute.

seems to work for me.

Still I can’t find a solution for this…!

Yes, and that’s the gist of it. Also, next time you comment, please provide a valid e-mail address. Anonymous comments (to me that is; anonymous to the public is just fine) will be removed.

I believe that setting an elements display property to “block”, doesn’t really make it a block level element, but rather behave as one. Thus the document won’t validate. Am I wrong here?

Can’t find a solution…

Yes, anything triggering hasLayout causes the error.

And giving a em element a hasLayout property triggers the incorrect behavior (try with an em element with zoom: 1).

a {
border: 1px solid blue;
display: block;
padding: 5px;
}
span {
border: 1px solid red;
display: block;
height: 20px;
}

The cursor is not trigged over the padding part of the a.

The problem with your respective solutions it that the SPAN element doesn’t take the desired height into account. It displays a cursor, but it won’t respect the pixel height.

Put a border, for instance, on the SPAN and you’ll see.

NICCAI,

Padding can definitely be a solution to some extent (and probably the one I’ll use in the real-case scenario that started this). but I want height to make sure that it matches the height of the background image.

If I have padding, even if it’s set in pixels, the height of the SPAN will still depend on font-size of its text. hence if the user has a smaller font size, the SPAN won’t get the height I want.

span {
display: compact;
height: 20px;
}

That seems to work in IE6 (not tested in IE7)