html - HTMLテーブルセルを前のセルと重なるように右側にフローティング/配置する

Question

http://jsfiddle.net/3kV3Z/をご覧ください。

各テーブル行にカーソルを合わせると、編集ボタンと削除ボタンが表示されます。現在、彼らは専用のセルを持っており、見えないときでもスペースを占有しています。私が欲しいのは、それらがテーブルの行の上に表示されることです。それらが表示されるときにテーブル行の内容と重なる場合は問題ありません。css {position：fixed;に似た効果が必要です。右：0px}

ありがとう

<table class='t'>
    <tr><td>Name 1</td><td>10</td><td class='actions'><button>Edit</button><button>Delete</button></td></tr>
    <tr><td>Name 2</td><td>20</td><td class='actions'><button>Edit</button><button>Delete</button></td></tr>
    <tr><td>Name 3</td><td>30</td><td class='actions'><button>Edit</button><button>Delete</button></td></tr>
    <tr><td>Name 4</td><td>40</td><td class='actions'><button>Edit</button><button>Delete</button></td></tr>
    <tr><td>Name 5</td><td>50</td><td class='actions'><button>Edit</button><button>Delete</button></td></tr>
    <tr><td>Name 6</td><td>60</td><td class='actions'><button>Edit</button><button>Delete</button></td></tr>
</table>