How do I fix a footer that is overlapping content?

OliviaUyizeye

I am new to html/css and trying to get a basic footer to work/look properly in ArcGIS Hub. The appearance of the section, is working just fine. The problem is that it overlaps (or floats) over last of the page content. I think it is a problem with the class. Here's the code that's being used. Any help would be appreciated. I've tried to fix it to no avail.

<style>
.footer {
background-color: #83b9c6;
color: white;
} 
</style>
<div class="footer">
<div class="col-xs-12">
<p></p>
</div> 
<div class="col-xs-12">
<img src="http://files.constantcontact.com/c351f4f8001/ce31a50e-e01c-4055-b46a-6b59b476850f.png?a=1129009614017