[Помогите] Как сверстать чтобы один ДИВ тянулся за другим

Добрый день, уважаемые форумчане!
Подскажите, пожалуйста, как сделать верстку в html и css, чтобы один ДИВ тянулся за другим.
Вот стили для двух дивов (левого и правого)!
Блок слева:
.projects-name1{
float:left;
width:780px;
padding-top:0px;
overflow:hidden;
}
Блок справа:
.howwework-name1{
float:right;
width:230px;
padding-top:51px;
padding-bottom:51px;
padding-left:5px;
padding-right:5px;
overflow:hidden;
background-color:#2d8d2d;
margin-top:30px;
color:#ffffff;
font-size:14px;
text-align:center;
}

То есть нужно, чтобы в зависимости от количества контента ДИВ слева, менялся по высоте ДИВ справа (фон зеленый). У ДИВа справа контента (он должен быть всегда вверху, а тянуться только фон) всегда меньше, чем у дива слева.

 

HTML:

<div class="projects">
    <div class="projects-name1">
    </div>
    <div class="howwework-name1">
    </div>
</div>

.projects, .projects-name1, .howwework-name1{
    float: left;
}
.projects{
    width:960px;
}
.projects-name1{
    width:780px;
    padding-top:0px;
    overflow:hidden;
}

.howwework-name1{
    width:230px;
    padding-top:51px;
    padding-bottom:51px;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
    background-color:#2d8d2d;
    margin-top:30px;
    color:#ffffff;
    font-size:14px;
    text-align:center;
}

 

Что то не получилось. Блок один под другим получился. А нужно чтобы один блок был слева, а другой справа. И правый блок (низ его фона) тянулся за левым блоком (его низом). Не могу пркрепить файл, т. к. нарисовал, что необходимо. Можете почту написать, пришлю свое изображение?

 

Уже нашел, как сделать! Спасибо!

 

Я в первом примере предоставил правильный код. Отличие только в ширине главного блока. Ширину поправили и все встали на свое место.