I've been working on a project for this site and I've encountered a small issue.
Despite my efforts, I can't seem to resolve it :/
There's an unwanted whitespace at the bottom of my webpage, in the footer section. I've attempted using margin-bottom without success.
Is there something else that needs to be done?
Here is the code snippet:
HTML
<div id="footer">
</div>
<div id="bottombanner">
</div>
CSS
#footer{
background: url("../images/footer.gif") no-repeat top left;
height: 370px;
overflow: hidden;
z-index: 1000;
position: relative;
}
#bottombanner{
background-color: rgb( 22, 47, 66 );
left: 0px;
width: 100%;
height: 60px;
top: -31px;
z-index: 1;
position: relative;
}
Any assistance would be highly appreciated! Thank you!