Probléme site

bonne nuit,

j'ai un probléme avec mon site des que je veut plaçer une colonne a gauche voici ce que ça fait:
"https://imageshack.com/"
sa l'envoie de l'autre côté!

voila le html

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>OS-ASTUCES</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link href="default.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="header">

<h1><a href="#">OS-ASTUCES</a></h1>

<h2><a href="">L'informatique n'as pas de limites.</a></h2>

</div>

<div id="menu">

<ul>

<li><a href="#">Accueil</a></li>

<li><a href="#">Forum</a></li>

<li><a href="#">Tutoriaux</a></li>

<li><a href="#">contact</a></li>

</ul>

</div>
<div id="column-two">

<div class="boxed">

<h2 class="title">Bienvenue sur os-astuces</h2>

<div class="content">

<p>Bienvenue sur os-astuces ce site a pour but de vous aidez quelque soit votre systeme d'exploitation!</p>

</div>

</div>

voila le css

#menu {

width: 1024px;

height: 35px;

margin: 0 auto;

background: #CE6318 url(images/img2.gif) repeat-x;

}

#menu ul {

margin: 0;

padding: 0;

list-style: none;

}

#menu li {

display: inline;

}

#menu a {

display: block;

float: left;

height: 24px;

padding: 8px 20px 0 20px;

border-bottom: 2px solid #CE6318;

text-transform: lowercase;

text-decoration: none;

font-size: 1em;

font-weight: bold;

color: #F7E5D9;

}

#menu a:hover {

background: #CE6318;

border-bottom-color: #DC915C;

color: #FFFFFF;

}

/* content */

#content {

width: 1024px;

margin: auto;

/* Column One */

/* Column Two */

#col-two {

float: left;

width: 380px;

}

#col-two .boxed {

margin-bottom: 10px;

}

#col-two .boxed .title {

height: 20px;

padding: 10px 0 0 10px;

background: url(images/img07.gif) no-repeat;

text-transform: uppercase;

letter-spacing: 1px;

font-size: 11px;

color: #FFFFFF;

}

#col-two .boxed .content {

padding: 19px 19px 0 19px;

background: #E5ECED url(images/img08.gif) repeat-x;

border: 1px solid #528489;

border-top: none;

}

#col-two .boxed blockquote {

background: #E5ECED url(images/img08.gif) repeat-x;

}

/* Footer */

un grand merci aux personnes qui pourront m'aider.

--

comment ca marche est une grande fammille dont nous somme tous frére et soeur!!!

Configuration: Linux
Firefox 3.0.5