jQuery Forum

Ok, so I am green as can be here so I hope to find the help or direction for what I need.  I am building a new site in a stacks page.  I want a fixed footer across the bottom, that the main content butts up against, and does not scroll over or behind it.  I was told that jquery append might help with that.

Here is the CSS for my fixed footer;
#fixedfooter {
    position: fixed;   
   left:0px;
   bottom:0px;
   height:150px;
   width:100%;
    background-image:url('http://testserver1.justrightwebdesign.com/warehouse/Slice-1.jpg');
    background-repeat:repeat-x;
    margin-top: 150px;
}

I was told in anotjer forum to remove the position in my CSS, and then use append to correct the issue.  Removing position: fixed, gave me the footer locked at the bottom and my content above the footer, but I lost the 100% width.  So looking for some help!  Any help is appreciated, jquery is not in my wheelhouse.

Here is a link to the test page.  I am also using some other jquery in the theme, for hidden content on the homepage, but I do not believe from what I read here, that the append will affect that at all.

http://testserver4.justrightwebdesign.com/Web_Design_firm.php