Using Footer As Main Nav

[Arbiter]

This is what I want the page to look like:
http://arbiter-design.com/digitech/DigitechWeb.png

This is where I’m at:
http://arbiter-design.com/digitech/

How do I get the footer background to stick to the bottom? Or is there another way I should try to achieve this? Should I just make the footer image an image tag in the html? and if so how can I pull this off?

CSS:

Code:

* {
margin: 0;
}

html, body {
height: 100%;
background-image: url(“../images/bg.gif”);
background-position: bottom;
background-repeat: repeat-x;
background-color: #f0f4f0

}

.wrapper {
min-height: 260px;
height: auto ;
height: 100%;
width: 740px;
margin: 40px auto -4em;
}
.footer {
margin: auto;
postition: fixed;
bottom: 0;
height:572px;
width:740px;
background-image: url(“../images/footer.jpg”);
background-position: bottom;}

.push { height: 4em; }

HTML:

Code:

[Author]

Posts