Ok, so I realise there have been other posts on this topic, but after extensive searching I can't find something that deals with this issue particularly, or any clear advice on how to solve it.

The galleries on this site created with SIG Pro are displaying fine except in IE, where they overflow the article boundaries and look awful.

For example: www.slyc.org.uk/events/haiticoncert.html

Changing SIG Pro settings makes no difference. The template was created with Artisteer.

I'm guessing I need to do some CSS editing. Could someone help?

And on a side note, in a future release of SIG Pro, perhaps a feature could be to specify the number of columns of thumbnails allowed - that would allow more flexible use of galleries, as well as provide a workaround for this sort of problem.

Hi again, If anyone could offer a suggestion I'd be most grateful. I've been trying various things with no success - all other browsers are still fine, IE is not. I've tried the various fixes in other threads but it seems no make no difference at all.

Please Help!

Thank you in advance.

Your template CSS seems to override the plugin's. Try this.

Locate and open plugins/content/jw_sigpro/templates/Elegant/template.css.
Find the class li.sig-block and on the
margin:0 1px 1px 0 !important;
padding:0 !important;

add the !important; as shown.

You may need to add padding-left:0 !important; but check it out with the first modification and then decide whether or not to add this.

Hi Yiota,

Thanks so much for the reply and advice. Unfortunately it doesn't seem to have worked - I've tried both the modifications and there seems to be no change at all.

Is there anything else I can try?

If you have a different CSS for IE7 try to put a width to the ul.sig-container. You can write this, for example.

ul.sig-container {width:600px;}

Thanks again Yiota,

I tried that. Works in the standard template CSS as viewed on Firefox, but the exact same entry in the IE7 CSS has no effect at all. I can't find where the problem comes from - what element is taking precedence over the others so all these modifications are being overridden.

I'd really appreciate any more ideas. It's getting very frustrating!

Try putting width to the li.sig-block {width: 180px;}.

Aha! That did it! ;D I added that to the plugin's IE7 CSS for the elegant template, and it fixed it! Obviously will need to also add it to any other templates I use too.

Hope this thread might be of use to fellow Artisteer users in the future!

Thanks again Yiota - this sort of patient, expert support is what makes JoomlaWorks so awesome!