Auto-centring Block UI dynamically on a number of multiple resolutions
<p>I'm trying to centre Block UI (http://www.malsup.com/jquery/block/) automatically in the dead centre (vertically and horizontally) on a number of multiple resolutions  (from 800x600 to 1280x1024) but with no luck. </p>

<p>I've so far tinkered with this:     </p>

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

<p>But I can't get the windows I've created (example at <a href="http://jsfiddle.net/styson/qt9EZ/" rel="nofollow">http://jsfiddle.net/styson/qt9EZ/</a>) with a width of 500px to sit dead centre. </p>

<p>Any suggestions?</p>
