Sidebar can't be moved down beside content, what do I do?

http://pc-electronics.dk/?page_id=13
As you can see in the link above, I need to move my sidebar down beside my content. So it looks like a normal website.

Can someone please help me? this has been driving me crazy for the last 2 days.

MY CUSTOM PAGE TEMPLATE

<?php
/*
Template Name: Cover Page
*/
?>

<?php get_header(); ?>

<div id="main"> 

<ul id="sidebar">
   <?php dynamic_sidebar( 'secondary-sidebar' ); ?>
</ul>

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div style="width:850px; margin-left: 350px !important}
<?php the_content('

<div id="content" class="widecolumn">
Read the rest of this page �</p>'); ?>
<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
<?php endwhile; end: ?>

<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
</div>

</div><!-- #main -->

<?php get_footer(); ?>