Images are overflowing their container in IE8 with Fancybox

Question

In a sort of follow up to this question, I have another problem in IE8.

When clicking the gallery and the lightbox appears, the images are overflowing their containing element (by the looks of things).

_{(source: alexanderdickson.com)}

Has anyone ever experienced this before? Of course, the good guys (Firefox/Safari/etc) display it perfectly.

How do I fix this?

Thanks

UPDATE

Should I just got with a new Lightbox?

Answer 1

I ended up using prettyPhoto. Not only does it work, but it provides a much better API. I could skip all my hidden link building and triggering, I passed the array of filepaths straight in and it worked great cross browser.

Answer 2

If it's always just a tiny bit around the borders, it'd be a quick and dirty fix to just add overflow: hidden to the fancybox container.

Answer 3

Set the DOCTYPE, for example xHTML1.1 Transitional for the document and the problem will be solved. Or enable X-Compability mode.