Floating two divs to right next to each other

Floating two divs to right next to each other

I want to float two divs next to each other on right. The rightmost div
has variable text so I want the left div to keep moving left but stick to
the right div with variable data. When ever I do float:right to both the
left div replaces the right div.
<div class="wrap">
<div class ="left">static data</div>
<div class ="right">variable data</div>
</div>
css
.left{
float:right;
width:auto;
display:block;
}
.right{
float:right;
width:auto;
display:block;
}
.wrap{
width:100%;
}
the right and left divs further have some divs in them but without any
classes. How can I handle this issue . The left div takes over the right
div when dispalying.
Thanks,