Padding on Image Data in IE

In my installation, the padding around the data at the bottom of the popup is not showing in IE7, IE8 and IE9. Looks fine in FF and Chrome.

Example here: www.whyatt.com.au/index.php?option=com_c...&view=article&id=115
Or see attached file.

The CSS in question is here...
#lightbox-container-image-data-box {
padding: 0 10px;
}

Any idea how I can get IE to apply the padding?

Thanks.

Hi,

try adding this to head section of index.php of template:

<style type="text/css">
<!--[if IE]>
#lightbox-container-image-data-box #lightbox-container-image-data{
margin:0 20px;
}
<![endif]-->
</style>

maybe you will need to adjust 20px.

Thanks Ivan, but that did not work.
I now have horizontal scrollbars: www.whyatt.com.au/index.php?option=com_c...&view=article&id=115

Try this,

remove that last change then open:

plugins/content/plugin_photogallery/js/jquery.lightbox-0.5.min.js

locate this:

jQuery('#lightbox-container-image-data-box').css({width:intImageWidth});

replace it with:

jQuery('#lightbox-container-image-data-box').css({width:intImageWidth + (jQuery.browser.msie? 20 : 0)});

That got it - thanks Ivan.