如何为所有屏幕分辨率固定div的位置

Question

问题是，如果我在1024 x 768像素上浏览应用程序它可以很好地工作但是当我将分辨率更改为1280 x 800像素时，div内的登录表会改变它的位置。我希望这在每个分辨率上都是相同的......任何建议或解决方法。

CSS：

img#bg
        {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

HTML：

  <form id="form1" runat="server">
            <img src="../../../../Images/LoginBackGround_Image.bmp" alt="BG Image" id="bg" />
        <div style="position: relative">

        <div style="position: absolute; margin-top:30%; margin-left:70%; 
               border: 1px solid #0570E3; z-index: 1;">    
            <table cellpadding="1" cellspacing="5">
                <tr>
                    <td>
                    </td>
                    <td>
                    </td>
                </tr>
                <tr>
                    <td>
                     /td>
                    <td>
                    </td>
                </tr>
         </table>

        </div>
        </div>
    </form>

我已经尝试了很多东西，但它并不适用于所有屏幕分辨率。