CSS - position fixed and bottom

Question

If you turn off javascript on stackoverflow you will see the noscript-warning on the top

#noscript-warning {
font-family:Arial,Helvetica,sans-serif;
position:fixed;
top:0;
left:0;
width:100%;
z-index:101;
text-align:center;
font-weight:bold;
font-size:120%;
color:#fff;
background-color:#AE0000;
padding: 5px 0 5px 0;

}

Question. How to position the alert on bottom of browser?

Answer 1

CSS:

bottom: 0;

Answer 2

Forgetting about browser support, change:

top:0;

to

bottom:0;

Answer 3

put

html
{
    height: 100%;
}

in your css

Answer 4

See Fixing position:fixed for Internet Explorer for tips on IE compatibility in either top or bottom positioning. Particularly, it's ugly when bottom positioned block scrolls up with the content, instead of staying fixed as expected.