I had the same issue. I did some searching, and, for my template, I found that the problem was the following CSS code:

I changed the above to the following:


And that appeared to take care of it. I have a lot more CSS work to do in my case, and again I can't swear that this will fix your situation, but at least it's a starting point. Hope this helps!

Regards,
Brat.

Sorry to hear that - this can be a frustrating process. Do a "view source" for the page that shows your gallery. That will show you exactly how your code is laid out. That's what I did, and it helped me debug my site.

After my previous post, I did some more testing. Ironically, IE rendered my pages the way I wanted. FireFox was my "problem child". The major issue is that my template is "pure" CSS - divs are funny things that can easily be affected by how other divs are defined (especially the dreaded "clear" definitions). There were a LOT of places where the gallery's layout broke my template. In particular, I had pages where stuff floated to the bottom. Viewing pictures full-sized also "broke" the bottom of my template.

I could have spent several more hours trying to force all the CSS to play nice with each other, but I don't have that kind of time. So, in order to fix my various problems, within my template's index file, I had to wrap my mainbody() statement within a single row/single column table, with width set appropriately. I also am tweaking the gallery CSS to further define my layout. Although your template is different from mine, I am willing to bet that you may be suffering from various combinations of float and clear definitions (check your page source and look within your gallery's CSS file).

I am a fan of CSS, no doubt, but, unfortunately, having divs in the site template, plus divs within the gallery layout itself (particularly ".clr" divs due to my layout) caused conflict. "Pure" CSS, at least from my experience, rarely works in all situations cross-browser. Sometimes, a table call just makes life saner. 

Regards,
Brat.

I was having the same problem, in my case it was testing out fine on a mac in Firefox and Safari but broken on a PC in internet explorer - as a temporary fix I bit the bullet and put a table in my template css file... here's my original post: http://rsgallery2.net/component/option,com_smf/Itemid,17/topic,6420.0

That said, I did a quick check to see if removing the div tag worked on my staging site (with out the table addition) and it seems like it did!?!?! Though since I don't have a PC I decided to leave the table in on production site for now. Here are samples if you have a minute and can take a look to see if both are working I'd on a PC I'd be your best friend 

Production Site (WITH table and removed </div> tag): http://iheartracing.com/index.php?option=com_rsgallery2&Itemid=67&page=inline&id=1&catid=1&limitstart=0
Stage Site (NO table just </div> tag removed): http://krazekimmy.com/index.php?option=com_rsgallery2&page=inline&id=2&catid=1&limitstart=1

Kimberly

thx so much for this post, saved me a lot of searching time

And, I viewed the source which I copied to .txt files. I'm attaching both working and broken samples. This is all way beyond my ability to correct so I'm posting it here in the hopes those of you with the skills can diagnose and correct this problem. Thanks!

do we have an eta yet?

Good answer!

I'll be glad to wait for it, you've got a great gallery and its working so far.