Högerjustera div i tabell?

Jag har en tabell i tre kolumner.

1|2|3

I kolumnen längst ut till höger (3) vill jag ha en div. Denna kommer dock att sträcka sig över både kolumn 2 och 3. Är det möjligt att på något sätt högerjustera den, så att den ligger mot högerkanten i kolumn tre och sedan beroende hur bred den är sträcker sig över de andra kolumnerna från höger till vänster?

Försökte med någt i den här stilen men det fungerar inte:
[kod]
position:relative
z-index:100
top: 0px
right: 0px
[kod]

Tillägg: eftersom tabellen är centrerad på sidan så kan jag inte använda absoluta mått...

Är det så här du menar?

<table width="300" border="1" align="center">
<tr>
	<td align="center" width="100">1</td>
	<td align="center" width="100">2</td>
	<td align="center" width="100">3</td>
</tr>
<tr>
	<td align="center">Hmm</td>
	<td colspan="2"><div style="background:#faa">The div...</div></td>
</tr>
</table>

:)

Näe, så lätt är det inte. :)Så här menar jag:

<table>
  <tr>
    <td 1>
    </td>
    <td 2>
    </td>
    <td 3>
      <div "som är högerjusterad MEN som även sträcker sig över td 2">
    </td>
  </tr>
</table>

Denna tabellen är centrerad så dess position varieras beroende av upplösning eller hur vilken storlek du har på ditt browserfönster.

Kolla här
https://www.savhammar.net/test/
Det är tre kolumner som jag gjort med div/CSS som i sin tur ligger i en div som alltid ska ligga centrerad på sidan oavsett upplösning.
Div:en till höger kan i nuläget inte sträcka sig över det som du vill ha i td 2, men det kanske du kan fixa själv.
Inte riktigt som du vill ha det, men en hjälp på vägen kanske.

Mvh
Jan-Olov

Ok, tack, ska kolla på det. :)