Currently, I am struggling to identify the solution to a problem on my website but I am unsure of how to categorize it. If you would like to take a look, here is the link:
The issue at hand involves having a webpage divided into 3 standard sections: top, content, and footer. In between the content and footer sections, there is a Facebook div for inserting a social plug-in. The problem arises when the content of both the facebook and footer divs ends up underneath the content div, causing them to overlap with the content area (resulting in a dark background right below the header and behind the content div).
I am hesitating to provide code as I am uncertain about where the root of the problem lies. It may be best to inspect the coding using web developer tools or browser plugins like Firebug.
If anyone has any suggestions or solutions to tackle this issue, your input would be greatly appreciated!