Images are overflowing their container in IE8 with Fancybox

问题

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?

回答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.

回答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.

回答3:

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

来源：https://stackoverflow.com/questions/2241767/images-are-overflowing-their-container-in-ie8-with-fancybox