jquery - ブロック UI を複数の解像度で動的に自動センタリング

Question

ブロック UI (http://www.malsup.com/jquery/block/) を多数の複数の解像度 (800x600 から 1280x1024 まで) でデッドセンター (垂直方向および水平方向) に自動的に配置しようとしていますが、うまくいきません。 .

私はこれまでこれをいじりました：

css: {
            padding:    0,
            margin:     0,
            top:        'auto',
            left:       '40%',
            width:      '30%',
            color:      '#000',
            border:     '3px solid #aaa',
            backgroundColor:'#fff',
            cursor:     'wait'
        },

しかし、作成したウィンドウ ( http://jsfiddle.net/styson/qt9EZ/の例) を 500px の幅で中央に配置することはできません。

助言がありますか？