how place fix footer to the bottom page?

In this article I am describes about how to place the footer at the bottom ofthe page. A simple method using valid CSS to keep your footer at the bottom ofthe page. after a few years of practice I have finallyfigured out a neat way to do it. My method uses 100% valid CSS and it works inall standards compliant browsers. It also fails gracefully with older browsersso it's safe to use on any website.

<style type="text/css">

    footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px;
    width: 100%;
    background: #333;
    color: white;
    text-align: center;
    }

</style>