I’m having a problem with the footer on my website. In Safari, Chrome, Firefox, and Opera it loads fine -> my footer is at the bottom of the page. In Internet Explorer, my footer shows in the middle of my page instead of being pushed to the bottom. I am trying to figure out what override I need to put in my CSS to fix IE. Can anyone help me? I’ve tried to add a min-height hack to the body but that doesn’t work. Here is the footer code for my css:
.footer {
/* visibility: hidden; */
background: url(../images/main/footer.png) no-repeat 0 0;
height: 300px;
position: relative;
top: -35px;
}
My website is: River of Life and my CSS is found at main css with my IE-override file at override
Thank you for any help.