[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(); ?>

[illvibe]

If there's a fixed width on #page (800px), why are you using a percentage for your margin?

[Shiro]

I clicked your link and all I saw was a message telling me "Sorry, but you are looking for something that isn't here."

[rbastien]

Originally Posted by illvibe

If there's a fixed width on #page (800px), why are you using a percentage for your margin?

I've tried different variations of floats and margins in percentages and fixed, but It doesn't seem to want to move up

[rbastien]

Fixed!

The width of the content DIV was 2px too wide

[pgo]

Always check your math because that's what causes that. Every time.