css-position - すべての画面解像度で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>

多くのことを試しましたが、すべての画面解像度で機能するわけではありません。