Margin-left in sidebar is moving the footer

Hello everyone. I have a little problem with my layout. After I gave my sidebar margin-left: 10px, my footer moved suddenly to the right. When I remove the margin, it goes back to normal.

link to the site: http://www.startingdays.com/
The index.php file

<?php get_header(); ?>
<!--content-->
<div id="page">
<!--left-col-->
<div id="contentwrapper">
<div id="content" role="main">
<?php include('featured-post.php'); ?>
<!--post-->
<?php query_posts($query_string.'&cat=-3&&order=DESC');
while (have_posts()) : the_post(); ?>
<div class="entry" id="post-<?php the_ID(); ?>">
<p class="datum"><span class="content">Author: <?php the_author() ?><br />  Comments: <?php comments_popup_link('No Notes', '1 Note', '% Notes'); ?><br />Tag: <?php the_category(', '); ?>
<br />Date: <?php the_time('jS, M, Y') ?></span></p>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<div style="clear:both;"></div>
<div class="entry-content">
<?php the_content(''); ?>
</div>
</div>
<!--post-end-->

<?php endwhile; ?>
<div class="navigation">
<?php if(function_exists('wp_paginate')) {
    wp_paginate();
} ?>  

</div><!--left-col-end--> 

<div class="sidebarleft"><?php get_sidebar(); ?></div>

</div><!--content-end-->
</div><!--wrapper-end-->

<div style="float: center; clear: both; width: 100%;"><?php get_footer(); ?></div>

`
Even if I put the get_header before the wrapper end, I get the same result.
I hope someone can help me.
Thanks in advance