Footer propeties

Question

Hello,

I am having a problem with Footer on my website.

it does not stay in bottom. I tried to look on web and i got few CSS scripts (stick footer), but i get a scroll bar even if my page is empty.

I need a CSS which works fine irrerespective of whether it running in IE, FF, 15 inch, 17 inch, 24 inch  screen.

html, body, #container

{

height: 93%;  // This height i have adjusted according to my screen. Need workaround for this. If i write as 100% it gives me scroll bar. If i do this it stays in bottom but not consistent throughout my website

}

body > #container { height: auto; min-height: 93%; }

#footerWrapper{ padding-bottom: 80px; }

#footer {

clear: both;

position: relative;

height: 80px;

margin-top: -80px;

background: #cccccc;

border-top: 10px solid;

text-align: center

}

On HTML page

<div id="container">

<div id="footerWrapper"></div>

</div>

<div id="footer">

<p >Designed by  XYZ</p>

<p ><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>

</div>

Thanks in advance,

soniya