Новачок в html.

Привет верстальщикам.
Столкнулся с такой проблемой:


Как вы видите желтый контейнер ниже, мне бы его выровнять с текстом слева.
Вот код:

#font {
position:absolute;
top:0%;
left:0%;
height:100%;
width:100%;
background:url(fon.jpg) no-repeat center top fixed;
background-size:100%;
}
#container {
font-family:arial;
width: 900px; /* Ширина макета */
margin: 0 auto; /* Выравниваем макет по центру */
background:silver;
box-shadow: 0px 0px 2px 2px silver;
border-radius: 5px;
}
#leftcol {
float: left;
margin-top:10px;
left:auto;
margin-right: 250px; /* Отступ справа */
background: silver;

}
#rightcol {
margin-bottom: 250px;
float:right; /* Обтекание по левому краю */
width: 220px; /* Ширина правой колонки */
background: #fc0;
text-align: center;
padding:5px;
}

Код

#font {

position:absolute;

top:0%;

left:0%;

height:100%;

width:100%;

background:url(fon.jpg) no-repeat center top fixed;

background-size:100%;

}

#container {

    font-family:arial;

    width: 900px; /* Ширина макета */

    margin: 0 auto; /* Выравниваем макет по центру */

    background:silver;

    box-shadow: 0px 0px 2px 2px silver;

    border-radius: 5px;

   }

   #leftcol {

    float: left;

    margin-top:10px;

    left:auto;

    margin-right: 250px; /* Отступ справа */ 

    background: silver;

    

   }

   #rightcol {

   margin-bottom: 250px;

    float:right; /* Обтекание по левому краю */

    width: 220px; /* Ширина правой колонки */

    background: #fc0;

    text-align: center;

    padding:5px;

   }