I’m sorry, I can’t see in your example why it wouldn’t work.
Also, this: radiobuttonlist.Items[i].Text = ” ” + “” + rbl.Items[rblActualCount].Text; // – I guess it some .NET code or something? Either way, that’s not relevant to this.

I have a radio button list..

I had to display images and text using it.

I am using

table.mylist input
{
float: left;
border : none;
height: 80px;
margin-bottom :-20px;
text-align: center;
display: none;

}

table.mylist label
{
width: 70px;
display: block;
float: left;
text-align: center;
margin: 0px 25px 0px 25px;
height: 70px;
}

and

radiobuttonlist.Items[i].Text = ” ” + “” + rbl.Items[rblActualCount].Text; //

I am hiding the radio button using ( display:none ) and when i click on the button, i am changing the color of btton to green.

Everything is workling fine firefox, safari, google chrome…. but not working in IE…

Can u please help me out???

Great, thanks for sharing!

Unfortunately, in my particular scenario this did not solve the problem — even though it did solve my problem in my stripped down test case.

I figured out that it will work if IE sees a non-default value for the background property. Considering the negative z-index, it is not possible to use a background color. Instead I opted to use a non-repeating background image that is positioned outside of the box.

See the diff and test case at http://pastebin.com/pastebin.php?diff=f69681142

HTML:
<a > <span > <img /> <br /> <img /> < /span > < /a >

CSS:

a {}
a span {width:100px; height:100px; overflow:hidden}
a span img {display:inline; border:0; text-align:center;}

How do you overcome this IE bug?

I tried the following with no success:
-changing the z-index to -1 to push it back
-changing the display of span to: block, inline, inline-block (none with success)

Oddly, the a works around the span, but is not clickable/linkable within the span.

Any recommendations would be helpful!

Whatever works for you, go crazy!

Also, my link isn’t updated with the change.

Off the top of my head, sorry, I have no good suggestion.

http://kris.dreamhosters.com/mhw/

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.