Question

I have a main div id called #main and then a list ul li…

Here is the css:

#main {
  display:block;
}

#main ul {
list-style: none outside none;
margin: 0 0 20px;
padding: 0;
}

etc…

The problem is that when the content grows I get the issue shown on the attached image:

Answer 1

Add overflow: auto; in your main

#main {
  display:block;
  overflow: auto;
}