Why does my footer border appear twice?

advertisements

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">
<footer>
    <p class="footer">&copy; 2015 Brian Funderburke</p>
</footer>

And here's my CSS:

.footer{
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">
   ...
</footer>

That should be enough.