In Internet Explorer 6 and 7, I encountered a nasty bug having to do with the order in which CSS properties are applied via jQuery. Since the display: block rule was applied before the float: right (or float: left), my images were displaying as blocks without any float in IE6/7.

To fix this, I changed the order of the properties in the image_caption.js file.

To prevent this problem, line 12 should be:
$(this).wrap("<span class=\"image-caption-container\" style=\"float: " + alignment + "; display: block;" + style + "\"></span>");

Comments

geerlingguy’s picture

geerlingguy commented

Shall I write a patch?

aliciatheduff’s picture

aliciatheduff commented

Changing line twelve worked for me as well!

mattwmc’s picture

mattwmc commented

Thank you!

Was trying to figure out what the problem is! Drove me nuts!