Lee,
Thanks for this. I tried moving the DIV tag as you suggested but it did not work. I think the problem is somehow rooted in the fact that this is a 5 pane skin.
I tried various other variations on DIV tags and where each pane appears in the order of the DIVs but to no avail. I also added in a <div style="clear:both"> after the left and main cotent panes in the Skin's index.html page. Currently the code in the skin's index.html page resmebles the following:
<div id="mainbody">
<div id="content">
<div id="contentpane" runat="server" visible="false"></div>
</div>
<div id="sidebar">
<div id="leftpane" runat="server"> ADSENSE CODE HERE</div>
</div>
</div>
<div style="clear:both"></div><!-- end #main-body -->
<div id="sidebar-2">
<div id="rightpane" runat="server" visible="false"></div>
</div>
<div id="footercontent">
<div id="footerpane" runat="server" visible="false"></div>
<div id="date">
<p>[CURRENTDATE]</p>
</div>
<div id="footer">
<p>[COPYRIGHT] [TERMS] [PRIVACY]</p>
</div>
</div>
The problem can be seen
on this page (scroll down to see the issue of the footer text appearing behind the main content pan, also the right hand pane is now just below the lower edge of the left hand pane, thanks I presume to the 'clear:both' property I added inline ).
Any insights? I am stumped. But think the right hand pane holds the key to a solution!
Cheers.
Eoghan