<html> <head> <style type="text/css"> body {padding:0; margin:0;} .global {height: auto; width: auto; border:1px solid red; padding:0; margin:0;} </style> <script type="text/javascript" src="jquery-1.4.4.js"></script> <script type="text/javascript"> $(document).ready(function() { center(); $(window).resize( function() { center(); }); }); function center(){ h = $(window).height(); w = $(window).width(); $('.global').height(h); $('.global').width(w); } </script> </head> <body> <table cellpadding="0" cellspacing="0" class="global"> <tr> <td align="center" valign="middle">  <table width=550 height=400 border=1 cellpadding=0 cellspacing=0 summary=""> <tr> <td></td> </tr> </table>  </td> </tr> </table> </body> </html>