Sorry for the delayed response. I was gone for the weekend and am just catching up on email. It turns out that my css "fix" only works on Safari (mac), Fireforx (mac) and Firefox (pc). It was still broken for Internet Expolorer (pc), AOL browers (and maybe more!??!) users - ARGH! Basically it fixed the rsgallery page but broke all the other pages for many PC browers. Looks like I have to go back to the drawing board.
I may have spoken too soon saying that it was my template problem (not sure though)... My template index page is built in CSS. It seems like there is something about the section of code on rsgallery index page that generates the single image details page that is slightly different from the gallery hompage?? That difference seems to be throwing things off. It almost like the table is not opening and closing properly. That said, I think I have a temporary solution more on that below.
Until I have a chance to look more closely at the rsgallery code & my template code, I just opened up my template index page and inserted a table around the section that calls the body and it seems to be doing the trick. I've outlined the code below. I haven't been able to check it on a PC yet. I just bought parallels desktop for Mac so I can run winodws at the same time. Hopefully I can get that up and running in the next day or two so I can test in both environments.
I have the temporary fix running on my production site now at
http://www.iheartracing.com - if anyone on a pc has a chance to take a look and let me know if it looks OK that would be great. I've attached screen shots of how the pages should look for reference. Here's the code for a quick fix on the index page of a css template index page (note "main_content" may have a different name on your template i.e. "main_body" or something similar):
<div id="main_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><?php mosMainBody(); ?>
</td>
</tr>
</table>
</div>