Billede i højre hjørne

Hej

Jeg sidder og skal lave en hjemmeside hvor jeg skal have lavet et billede nede i højre hjørne som skal følge browserens linier.. altså den skal ligge helt ud til kanten af skærmen.

Jeg har valgt javascript men kan ikke få den til at ligge helt ude, men 1 cm inde på siden ca.

Koden:
------ HEAD ------


<SCRIPT LANGUAGE="JavaScript">
function setVariables() {
imgwidth=499;  // logo width, in pixels
imgheight=241;  // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".right";
vert=".bottom";
docStyle="document.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelright";
vert=".pixelbottom";
docStyle="";
styleDoc=".style";
innerW="document.body.clientWidth";
innerH="document.body.clientHeight";
offsetX="document.body.scrollright";
offsetY="document.body.scrollbottom";
  }
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+0)+currentX;
y=availableY-(imgheight+0)+currentY;
evalMove();
setTimeout("checkLocation()",0);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</SCRIPT>


------ Body ----------

<div id="branding" style="position:absolute; visibility:show; right:0px; bottom:0px; z-index:0">
  <table width=0 bgcolor=#ffffff valign="right" cellpadding="0" cellspacing="0" align="right" border="0">
      <td> <a href="index.html" onmouseover="window.status='Til forsiden';return true" onmouseout="window.status='';return true">
        <img src=".\pic\hjorne.jpg" width="412" height="215" border="0" align="right">
        </a>
    </table>
</div>

--------------------------------------------


Nogen der kan hjælpe? :)