I have been trying to fit a div into the browser's working area by setting div's  

width and height as 100 %. Despite i am getting a vertical and horizontal scroll bars
on the screen.  

HTML:

```
<html>
<body>
<div id="test">
</div>
</body>
</html>

```

CSS:

```
#test{ width:100%; height:100%; background-color:red; }
body{ margin:0; padding:0; }

```

I also tried this with scripting, But same result returned.

SCRIPT:

```
$('#test').css({'width':$(window).width(),'height':$(window).height()});

```

I Have Been Testing This With IE9. Any Ideas To Avoid This.?