Need a small help with css

hi, this is my website http://www.list.seoarise.com/, the footer goes up and combine with the header, i can't able to fix it, can you any one please let me know what i need to change in css or html to make appear correctly at the bottom thanks in advance!

 

Well here is a quick fix to your problem.

In your css replace you #footer with this.

#footer {
    height: 50px;
    margin: 0 auto;
    padding: 0px;
    background-image: url('images/heading1.png');
    background-repeat: repeat-x;
    border-top: 1px solid #769824;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
}

Code (markup):

This is just a quick fix to your problem. I suggest you remove the adverts but that is up to you. But you will need to move the text to get it in the right place.

 

You need to set the footer to the bottom of the page. Add these 2 rules to your css #footer.

position: relative;
bottom: 0;

Code (markup):

Add this to your #wrapper

padding-bottom: 60px;

Code (markup):

 

Problem solved got help from my friend via skype, thanks for all....!