<HTML>
<HEAD>
<TITLE>Bug positionning table</TITLE>

<script language="javascript">


function movep1()
{
        var popup = document.getElementById("popup");

        var l = document.getElementById("field1").value;
        var t = document.getElementById("field2").value;
        
        popup.style.left = l;
        popup.style.top = t;
}

function movep2()
{
        var popup = document.getElementById("popup");
        popup.style.left = 0;
}
function movep3()
{
        var popup = document.getElementById("popup");
        popup.style.left = 250;
}

</script>

</HEAD>
<BODY onLoad="movep2();movep3()">
The tables left position should be 250.
<p>Left: <input type="text" name="fieldt" id="field1" value="120px"></p>
<p>Top:  <input type="text" name="fieldl" id="field2" value="120px"></p>
<p><input type="button" value="Move" onclick="movep1()"></p>

<!-- cellpadding=0 to avoid hitting another bug; not necessary for testcase -->

<table style="position:absolute;left:120px;top:120px" id="popup" border="1" cellpadding="0">
<tr><td>foo</td></tr>
<tr><td>bar</td></tr>
</table>

</BODY>
</HTML>
