Creating theme, need to fix css

you are on the right track there. seem like the there is missing div (wrap around #container & #sidebar) on others page (single,page post).

fix the footer first “style.css (line 235)”

#footer {
		float:left;
		clear:both;
		width:745px;
		padding-left:5px;
		background:#7d1401;
		border-top:3px solid #86765f;
		}

replace with

#footer{
background-color:#7D1401;
border-top:3px solid #86765F;
clear:both;
width:745px;
margin:0pt auto
}

on the others page (single & page post) the #footer div is outside #wrapper div. that why it break.

create a div wrapper and wrap the #container & #sidebar div then set the wrapper background-color similar to the #sidebar bg colors.

<?php get_header(); ?>
<div id="wrapper">
<div id="container">

<?php if(have_posts()):?><?php while(have_posts()):the_post();?>

<div class="post" id="post-<?php the_ID(); ?>">

<h2>" title="<?php the_title(); ?>"><?php the_title();?></h2>

<div class="entry"> 

<?php the_content();?>
<p class="postmetadata">
<?php _e('Filed under:'); ?> <?php the_category(', ') ?> <?php _e('by'); ?> <?php the_author(); ?>
<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?> <?php edit_post_link( 'Edit', ' | ', ''); ?>
</p>

</div>

</div>

<?php endwhile;?>

<div class="navigation">
<?php posts_nav_link('','|',''); ?>
</div>

<?php else:?>
<div class="post">
<h2><?php _e('Not Found');?></h2>
</div>

<?php endif;?>

</div>

<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>

[sig moderated]

I would use a faux column by means of a background gif in the wrapper div. Like this:

#wrapper {
		margin:0 auto 0 auto;
		width:750px;
		text-align:left;
		background:#fff url(background.gif) right repeat-y;
		height:700px;

		}

The background gif would be 241 pixels wide and one or two pixels high, and be colored #86765f, the same background color you have now on your sidebar. I made one that you can download at http://rosecitygardens.com/background.gif – if you put it anywhere other than your theme directory, be sure to change the url in the above code.

I use faux columns a lot, when I want a border and/or different color sidebars. It saves me hours of tearing my hair out!

I don’t have IE – how is it breaking?