css - Footer width and position queries -

for reason can't footer stick bottom of page

edit: trying keep @ bottom of page, not bottom of window

and though have set width:100% seems 100% of width of previous div rather 100% of page.

here jsfiddle of entire page : http://jsfiddle.net/eehsa/1/

the css code using footer is:

#footer {height:50px; width:100%; background-color:red; position:absolute; bottom:0px;}

~~set position:absolute position:fixed footer~~

edit:

apply css reset *{padding:0;margin:0;} change position of footer relative , remove top container.

demo:

XPATH