Topic: SV gallery looks fine in Foxfire, but not in IE
Here is the page: http://www.folkwest.com/bluegrasscamps/gallery.html
Been working on learning how to do this all day. Was ecstatic that I actually got the galleries to show up; I was previewing the pages in Foxfire. I'm using Dreamweaver CS3 and I don't know HTML at all. I opened up my page accidentally in Internet Explorer and was dismayed to see that only a small sliver of the gallery is displayed in that browser. I checked all three of the pages I worked on (they ALL looked good in Foxfire) and they all look the same in IE - bad.
Here is the code from the editable part of the page:
<!-- #BeginLibraryItem "/Library/4cff_mailinglist.lbi" --><div id="box">
<div id="box-top"></div>
<div id="box-head">
<div align="center">
<span class="box-header">Join Our Mailing List</span></span>
</div>
</div>
<div id="box-content"><center>
Keep up-to-date on FolkWest festivals: festival tickets, lineup announcements, schedules and more!<br />
<br />
<a href="https://www.vendini.com/ticket-software.html?j=5250025bc57c666fee9e8ac94e3263b1&t=join" onclick="window.open('https://www.vendini.com/ticket-software.html?j=5250025bc57c666fee9e8ac94e3263b1&t=join', 'order_window', 'scrollbars,width=611,height=510,status=yes,left='+((window.screen.width - 611)/2)+',top='+((window.screen.height - 510)/2.5)).focus();return false;" onMouseOver="window.status='Join Now!';return true;" onMouseOut="window.status='';return true;" align="center"><img src="../images/join_now.jpg" alt="join mailing list" border="0"></a>
</center>
</div>
<div id="box-bottom"></div>
</div><!-- #EndLibraryItem --><p align="center" class="small"></p>
<p align="left"><img src="../images/line.jpg" width="355" height="3" /></p>
<h1 align="left"><strong>PHOTO Gallery</strong></h1>
<p align="left"><img src="../images/line.jpg" width="355" height="3" /></p>
<h2 align="left">2011 Pagosa Bluegrass Camp for Kids & 2011 Pagosa Bluegrass Jam Camp<br />
</h2>
<p align="left">All photos by Michael Pierce Photography</p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"><!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "transparent", true);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
</p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><br />
</p>
<h3 align="center"><strong>For additional information, please call 1-877-472-4672.</strong></h3>
<p align="center"> </p>
Is this a known issue, or am I doing something terribly wrong? Is it related to the height setting? Should I create a table and put the gallery coding inside the table?