Float : Right problem with display on next line.

<style>
.headingTwo .li-viewall{
               float:right;
}
td.rMod1 .headingTwo {
            font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;
            font-size: 8pt;
            display: block;
            margin: 0px;
            background-color: #000000;
            color: #000000;
            height: 25px;
            vertical-align: middle;
            line-height: 145%;
            text-indent: 10px;
            letter-spacing: 0.05em;
            background-image: url(/gaming/gameTab_left.jpg);
            background-repeat: no-repeat;
            background-position: top;
            font-weight: bold;
      }
</style>


<table cellspacing=1 cellpadding=0 border=0 width="100%">
<tr><td class="rMod1" width="100%">
            <div class="headingTwo" >Favorites <a href="/user_bookmarks" class="viewall">Edit</a></div>
       </td>
</tr>
</table>


I'm right to float the "EDIT" to the right but when I do it displays on the next line and messes everything up.
I thought it was because the float puts the text in a block so I placed the div in a block and it's still not working.
can you think of anything?