JQuery Tools Overlay for modal dialog broken under IE8

Question

I've been developing a website that has several modal dialog boxes. I've been using jQuery Tools Overlay for the dialog boxes. However, I've just discovered that it doesn't seem to work properly on IE8.

In Chrome (and I presume other browsers), the dialog is highlighted by darkening the rest of the page "below" it, but on IE8 the page "below" is obliterated - all you get is the dialog on a black background.

This appears to be nothing to do with the way I've configured it - the same problem is evident on the jQuery Tools website itself. If you click the link above and then click one of the two buttons headed "For User Interactions", then you'll see what I mean.

What's the deal? Does it simply not support IE8? If so, (a) grrrr... and (b) what else should I use?

Answer 1

It works fine in IE8 from their site. (in both IE8 standards and Compatibility (~IE7) modes)

[Image on the left has a transparent black background, Image on the right has a white opaque background]

I can confirm however that it breaks in IE6 with a solid black background, square corners etc.

Can you provide some code or a link to your site? there might be a slight configuration difference that is causing it not to work for you.