현재 8개의 컨텐츠의 부모태그가 영역을 제대로 잡지 못하고 있습니다.

8개의 컨텐츠는 현재 float:left;가 적용되어 있습니다.

부모 태그인 section가 영역을 가질려면

section:after{clear:both;content:'';display:block;}

을 선언하셔서 영역을 잡아줘야 합니다.

float:left;를 사용하시면 항상 부모태그에 위으 소스를 적용해 주세요.