document.getElementById(who).style.left; <- gibt es das nicht?

[stuemper]

Hi,
mein Plan: Einen Link erzeugen, der einen <div> 20 pixel nach rechts verschiebt.

Die Funktion:

function movehz(who, leftright)
  {
      links = document.getElementById(who).style.left;

temp2 = parseInt(links);
      temp3 = leftright + temp2;

document.getElementById(who).style.left = temp3;
  };

Der Div:

<div id="navigation" class="navi">
 <a href="javascript:movehz('navigation',20);">... punkt 3 -</a>
</div>

css:

<style type="text/css">

body { background-color: #FFFFFF; font-family: Arial; color: #000000; margin:0px; }

.navi {
              z-index:3;
              position:absolute;
              background-color:#dddddd;
              text-align:right;
              vertical-align:middle; /* warum geht das nicht? */
              width:150px;
              height:350px;
              top:140px;
              left:60px;
           }

</style>

Ich hab kein Plan warum das nicht geht, ich hab schon Experimente mit ...style.backgroundColor und .color erfolgreich durchgeführt, aber das hier bringt mich an meine Grenzen =)
Wer lust hat, kann sich mein gestricktes hier runterladen:
http://www.file-upload.net/download-1309328/div2.html.html
Die Kommentare sind vielleicht hilfreich. Mit einem fest zugewiesenen Wert von "var links" geht es zwar, aber es wird halt immer wieder an die gleiche Stelle geschoben, was nicht mein Ziel ist. Die Funktion ist eigentlich OK, nur es wird kein Wert an die Variable "links" gegeben.

Viel Spass beim Kopfzerbrechen =)
mfg