[CSS] float wyrzuca poza głónego DIVa Opcje

[kozlak71]

witam,

[HTML] pobierz, plaintext 
#calosc {
    height: auto;
    width: 600px;
}
#title1 {
    clear: both;
}
#logo2 {
    width: 120px;
    height: 120px;
    float: left;
}
#opis3 {
}
#stopka4 {
clear: both;
}
#autor5 {
    float:right;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="calosc">
<div id="title1">TYTUL</div>
<div id="avatar2"> LOGO </div>
  <div id="opis3">   OPIS </div>
 <div id="stopka4"></div><div id="autor5"> AUTOR</div> 
  </div>
[HTML] pobierz, plaintext 

Mam coś takiego, ale cały DIV STOPKA4 tworzy się pod DIVem CALOSC1, zamiast na jego końcu. Chcialbym, żeby to wygladało jak na obrazku:

JEśli z autor5 wywalę float to działa ok, tylko, że jest po lewej stronie, a ja chciałbym go ustawić po prawej.
Co robię źle?