есть дакой кусок дизайна

Код:
** <td>
****************** 
********************
********************** <div style="width: 55px; float: left; vertical-align:top;margin-top:5px;margin-bottom:5px">
************************** картинка1
************************** 
********************** </div>
********************** <div style="position:relative;bottom:-10px; left:-20px">
********************** картинка2
********************** </div>
** 
********************** <div style="float:left;width:70%;margin-top:5px;margin-bottom:5px">
************************** текст
************************** 
************************** </div>
**********************
****************** </td>
я хочу поместить картинку2 в правый нижний угол картинки1. и все бы хорошо но изза таких манипуляций текст который справа от картинки1 слазит вниз
как сделать правильно?