What I started working on a while ago was a layout conversion (Creative Commons Attribution 2.5 License), to eFiction layout, and if all goes successful, there are some other great free layouts that I could use as bases. So far here is a screenshot of what I've accomplished: 
.
Though I've been trying to work the kinks out of it, the original web layout looks like this: http://templates.arcsin.se/demo/natural-essence-website-template/
If anyone's willing to help and take a look at the CSS, here's a link to the original web layout CSS: http://templates.arcsin.se/demo/natural-essence-website-template/style.css
and here's my eFiction CSS: http://fictionally-yours.com/skins/natural_essence/style.css .
Below is a screenshot of what appears to be the problem at the bottom: 
And I just compiled a zip of the entire natural essence skin folder: http://fictionally-yours.com/pure_essence_efic.zip
If anyone can help me I'd appreciate it, thanks 🙂
The problem is here:
/* Main page surrounds the text between the header and the footer.
For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.
And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px
*/
#mainpage {
height: 550px;
padding-bottom: 1em;
background: #FFF;
color: #000;
}
html>body #mainpage {
height: auto;
min-height: 550px;
}
Remove height: 550px and min-height: 550px or close your #mainpage div before you include the coding for the footer.
