Custom Code for Second Footer

I'm attempting to place a 2nd footer under the current one (StationPro, 3 columns) and used the following code. It created the space but I need to place correct padding (black). I could not get 'div.secondfooter' to work. How can the code be modified to accomplish this, and also maintain proper position? The additional footer will be text oriented, and also with links to internal and external pages/websites. Also, should it be inserted into 'Custom Code', or should the Footer page be modified? Once again, thanks for your help.
html{
height:100%
}
body{
height:100%
}
#footer{
position: relative;
bottom: 0px;
height: 100px;
margin-bottom:-100px;
}

The CSS should be added to Custom Code and the footer itself needs to be added to the footer file. You can edit the footer file directly, but the problem with that is that the change you make will be overwritten when you upgrade the theme. This can be avoided by creating a child theme for StationPro so that you can edit files without worrying about your changes disappearing after theme updates. More on that here: http://codex.wordpre...rg/Child_Themes
If you don't mind making the change to the file directly, I can show you what code to use. What code are you using right now? Also, can you please post a link to your site?