Hi everybody!

I'm trying out the "no-tables CSS page" as shown in a SitePoint article earlier this week.

The problem is: I'm trying to put my copyright on the bottom of the page, but it seems to go to the top of the page in Opera, but actually go to the bottom of the page in IE.

How can I fix this?

Here is the code for the (releavant part of the) HTML page:
Code:
<body id="body">

	<div id="oldbrowser">
		Old Browser Alert! Message goes here.
		</div>

	<div id="logoheader">
		</div>

	<div id="content">
		Test of the content frame.
		</div>

	<div id="leftmenu">
		TextText
		</div>

	<div id="rightcolumn">
		Testing...
		</div>

	<div id="copyright">
		<font class='copyrighttext'>Copyright dcsonic2k
		</div>
And here is the code for the CSS:
Code:
body {
	color:#333;
	background-color:white;
	width:770px;
	margin:0px;
	padding:0px;
	font:11px trebuchet ms, verdana, arial, helvetica, sans-serif;
	}

#oldbrowser {
	display:none;
	}

#logoheader {
	width:100%;
	height:100px;
	margin:0;
	background-image:url(header.gif);
	}

#content {
	position:absolute;
	left:129px;
	width:506px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	z-index:2;
	}

#leftmenu {
	position:absolute;
	width:129px;
	background-image:url(sidebar.gif);
	background-repeat:no-repeat;
	padding-top:56px;
	padding-bottom:20px;
	z-index:3;
	}

#rightcolumn {
	position:absolute;
	left:645px;
	width:125px;
	padding-bottom:20px;
	z-index:1;
	background-color:yellow;
	}

#copyright {
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	bottom:0px;
	}

#copyrighttext {
	vertical-align:bottom;
	}
Thanks alot for your help!

--David