Your HTML is a bit of a mess. For one thing you have the triggers for the overlapping content inside of a table but, where they are is in a table row. You have no table cell there. If you were to put <td></td> tags where they would belong, you would see that the triggers are actually at the bottom of the page and that the overlapping content is appearing in the correct place. However, this is not what you want. I got it looking the same as it does now and working properly by moving the triggers (shown below in dark red color) outside of the table and placing them before it in the code:
Code:
. . .if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
<br>
<font face="Arial Black" color="#000000"><i><b>
Classes now offered through Acton-Boxborough Community Education</b></i></font><br>
<a href="#" onClick="return overlay(this, 'subcontent')">more...</a><br>
<br>
<p><font face="Arial Black" color="#000000"><i><b>
Join us at the next Young Eagles rally!
</b></i></font><br>
<a href="#" onClick="return overlay(this, 'subcontent2')">more...</a><br /></p>
<table border="0" id="table2" cellspacing="0" cellpadding="10" width="105%">
<tr>
<!--Sub content to overlay link when clicked on. Do not remove outermost <div id="subcontent"> tag below. -->
<DIV id="subcontent" . . .
If you do this, don't forget to remove these triggers from inside the table.
Bookmarks