[rbastien]

Hey, I'm working on my new portfolio site and the div for the sidebar is displayed at the bottom of the page in IE, yet is fine in Firefox. I tried playing around with floats, margins, and padding but had no success. Any suggestions?

Here's the link:
Ocular Harmony

Here's the code:

#page {
	width: 800px;
	margin: 0 auto;
	background: #dbceb8 url("images/margin_bg.jpg") repeat-x;
	
}
#sidebar {
	width: 136px;
	height: 400px;
	margin-right: 40%;
	background: url("images/sidebar.jpg") top;
	text-align:center;
}

<?php get_header(); ?>
<div id="wrapper">
<div id="content"> All my content</div>
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>