big image in small panel (image goes out of panel)
<p>i add a big image to an ASP panel and its go out of panel. i want image in panel without scrollbar and move it in panel with javascript. how can i do that. here is my code</p>

<pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="move background.aspx.cs"   Inherits="move_background" %&gt;

 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head id="Head1" runat="server"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script type="text/javascript"&gt;
    Hmove = 12;
    function moveObjRight(obj) {
        var a = document.getElementById(obj);
        var Left = parseInt(a.style.left);
        var newpo = Left + Hmove;
        a.style.left = newpo + "px";

    }
&lt;/script&gt;

 &lt;/head&gt;
 &lt;body&gt;
 &lt;form id="form1" runat="server"&gt;

    &lt;asp:Panel ID="Panel1" runat="server" Height="133px" 
        style="z-index: 1; left: 0px; top: 0px; position: absolute; height: 500px;  width: 1000px" 
        Width="166px" ForeColor="#990000" BackColor="#0066FF" 
        Direction="LeftToRight" HorizontalAlign="Left"&gt;

    &lt;img alt="asd" src="Pictures/view.gif" id="AS" style="z-index: 1; left:100px; top:100px; position: relative"/&gt; 'BIG IMAGE'
    &lt;img alt="move left" src="" id="moveleft" onclick="javascript:moveObjRight('AS');"
        style="z-index: 1; left: 222px; top: 264px; position: absolute; height: 33px; width: 34px;"/&gt;
    &lt;/asp:Panel&gt; 

&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
