Why does my footer border appear twice?


For some reason when I preview my webpage in a browser the border I applied to the footer appears as a double line. What am I doing wrong? I'm brand new to html/css so it's probably something super simple. Any help would be appreciated!

Here's my HTML:

<div class="footer">
    <p class="footer">&copy; 2015 Brian Funderburke</p>

And here's my CSS:

border-top:1px solid #000;
margin: 0;
padding: 0; }

.footer p {
margin: 10px;
padding: 0px;}

Because you have two .footers classes in use. Remove the div class footer.

<footer class="footer">

That should be enough.