图片填充整个浏览器

如下是html代码：<div id="systembcg" style="width: 100%;height: 100%;overflow: hidden;">
<div style="top: -50%;left: 0;width: 200%;height: 200%;position: absolute;">
<table cellpadding="0" cellspacing="0" style="width: 100%;height: 100%;overflow: hidden;">
<tr>
<td style="width: 100%;height: 100%;overflow: hidden;">
<img id="systemImge" alt="" src="jquery-easyui-1.1.2/themes/yl/images/background.jpg" />
</td>
</tr>
</table>
</div>
</div>

如下是javascript代码：

//背景图片
$(window).resize(function(){
$("#systembcg").css({zIndex:-1000005});
$("#systemImge").css({width:$(this).width(),height:$(this).height(),zIndex:-1000005});
});

如何使用css让图片填充整个浏览器 还在探索中。。。。。。