How do I get a background color to move with the text as the browser window changes size?


I have a footer with this code:
.footer {
width: 100%;
height: 250px;
background-color: #a9acab

I have some information in the footer:

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • Home
  • About Us
  • Portfolio
  • Contact Us
<div id="copyright"

Copyright | Me, 2016

When i resize the browser, the information moves but goes down past the color of the background. Can anyone help me with this please? I know it’s something simple but the footer is frustrating me because I had to make 3 separate divs and still can’t get it to look as i want.

Hi, can you share your pen so I can see the rest of the code?

here you go: