Hi Frnds i have found answer:
Its working with some modifications.
Before:
<html>
<body>
<div id="page">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>
Now
<html>
<body>
<div id="page">
<div id="header"></div>
<div id="content"></div>
</div>
<div id="footer"></div>
</body>
</html>
I have moved my footer outside from page wrapper.
Then as per browser type i have changed html,body{height:value%}.
For if IE_> height:97% means footer is fits on viewport bottom.
For Chrome and Firefox > height:97.3% and 98% respectively