Few problems with HTML site. Please help!

programming web dev
1

Hello!

Thank you for checking out my post…

I’ve made a site in Dremweaver and there are a couple of problems which need sorting.

You can check the site out at www.spindriftmedia.com/2006/home.php.

First of all, the footer at the bottom of the screen should stay at the bottom of the screen and stay there even when the user scrolls - almost like a frame would. It works as it should in Firefox but in Internet Explorer, it scrolls with the page.

In my style sheet I have the code:

#footer {
    left: 0;
    bottom: 0;
    position: absolute;
     margin: 0px;
     padding: 0px;
     width: 770px;
    height: 20px;
    line-height: 16pt;
    text-align: right; 
     background-color: #D1D1D1;
}
body > div#footer {
    position: fixed;
}

And in the main document, the code I have is…

<div id="footer"> <span class="footerTxt">&copy; 2006 SpindriftMedia.com</span>&nbsp;&nbsp;&nbsp;<span class="footerBrk">|</span>&nbsp;&nbsp;&nbsp;<span class="footer"><a href="sitemap.htm">Site Map</a></span>&nbsp;&nbsp;&nbsp;<span class="footerBrk">|</span>&nbsp;&nbsp;&nbsp;<span class="footer"><a href="#top">Back to top</a></span>&nbsp;&nbsp;&nbsp;<span class="footerBrk">|</span>&nbsp;&nbsp;&nbsp;<span class="footer"><a href="contact.htm">Contact Us</a></span>&nbsp;&nbsp;&nbsp;</div>

The next thing is the link on the footer to the top of the page. I’ve linked the text as #top but nothing happens in any browser when it’s clicked on.

And the last thing is the header slices where the logo is at the top. In Firefox it works fine but in IE, the slices don’t match up.

Any help on any of these questions would be much appreciated.

Thank you very much and I hope to hear from you.

Take care,

Mark