Help with div layers?

[Misonix]

http://www.imbriquedesigns.com/weeklyaffair/
I want the div layer with the Copyright, etc. information to span the complete width of the column, and to be under the other three divs. Like a table with three cells on top and one large one on bottom. How to do this?

[Wickham]

I found that it was completely different in IE7 and Firefox; in Firefox the Search, calendar and listing were up on the right side but copyright was also squeezed up on the right under them while in IE7 the Search, calendar and listing boxes were down at the bottom on the right below Welcome to a Weekly Affair while the copyright was full width below, so I have changed both so that the Search, calendar and listing boxes are up on the right and the copyright is full width underneath.

Add this to the style.css file:-

.clear { clear: both; width: 100%; height: 0; visibility: hidden; }

and edit the html file:-

.....................properly rawr?!</p>
</div><br/>

</div>

<!--</div> moved down below #contentright-->

<div id="contentright">
<div class="side">Search the site</div>
<div class="side">[calendar of events]</div>
<div class="side">[listing of events]</div>
</div>

</div><!--added here from above-->
<div class="clear">&nbsp;</div> <!--clear div added-->

<div id="contentbottom">
Copyright &copy; 2009 A Weekly Affair | <a
href="http://imbriquedesigns.com">Imbrique Designs</a> | powered by <a
href="http://wordpress.org">Wordpress</a> | <a
href="http://imbriquedesigns.com/weeklyaffair/wp-admin">Site Admin</a>
</div>

<div id="footnav">.............................

The clear div is an invisible barrier that stops the copyright from moving up on the right.