CSS float слева не работает справа

Я пытаюсь разделить два блока на две части, левую и правую. Левый статичен (высота 300 пикселей), а правый не статичен (например, сообщения и комментарии). С нижним колонтитулом.

<div>
    <div>
    <div class="right"><img src="images/members/bigava/crays.png" style="width: 630px; height: 130px;" /></div>
    </div>
    <div>
    <div class="left" style="float: left;"><img src="images/members/ava/crays.jpg" style="width:120px; height:80px;" /></div>
    </div>

Я сделал свой основной div шириной 760 пикселей, поэтому с этими настройками у меня осталось еще 10 пикселей. Теперь проблема в том, что я не могу назначить float-right для div с правым классом и могу назначить float-left только для div с левым классом. Я попытался изменить div вверх и вниз, переназначить позиции, но я получаю не то, что мне нужно. Любая помощь?

edit

CSS
.right {
font-family: verdana;
font-size: 12px;
border-radius: 3px;
}

.left {
font-family: verdana;
font-size: 10px;
color: #000000;
border-radius: 3px;
}

Это результаты, которые я получаю, но я не хочу

то, что мне нужно, это