בעיה : דיב מוריד דיב אחר !

אז ככה :
יש לי את הדיב הזה
#info{
width: 587px;
min-height: 315px;
border-top: 1px solid #dcdcdc;
float: right;
}
והוא ממוקם למעלה באמצע

ויש לי את הדיב הזה :
#rightSide{
background: #ddd;
width: 220px;
float: right;
}
והוא ממוקם מתחת הדיב INFO בצד ימין

וכפי שאתם רואים הדיב הראשון (INFO) הוא יכול להתארך ללא סוף וכשהוא נהיה יותר ארוך הוא מוריד איתו את הדיב השני (RIGHTSIDE) למה ? אני לא רוצה שדיב יוריד את השני
והדיב השני לא נמצא על אותו קו על עם הדיב הראשון (מבחינת גובה)

דמו :
_____________
| |
| |
| דיב 1 |
| |
_____________
_____________
| |
| |
| דיב 2 |
| |
_____________