Why do links on my transparent div become unclickable in IE?

Question

Links on my website: http://rnmtest.co.uk/oddfellows/

If you hit 'Dine' you should see a 'Book Now' button. This element is not clickable in IE. The area below it has a semi-transparent png as the background. The content is loaded via jQuery.

I have put the anchor within a container div as recommended by other websites, but this has had no effect. If I resize the window in IE8 I can sometime click a small portion of the button.

This effect occurs on all anchors, not just the images.

Answer 1

Once you loaded the content from jquery did you hook in the click event? Did you make sure jquery finished loading the content before you tried to hook the event? It's very easy to do.

Answer 2

This is a known limitation of IE6 - links within a container that use filters to create transparent backgrounds are not clickable You can find more information and a workaround here