This CSS code is breaking my borders

Question

I pasted this code to create a large folder, but it ruined my left and right border of my wrapper (it disappears). You can see it here http://blog.howtodjango.com/temp/template/

Below is the code calling it.

.gallery li { display: inline; list-style: none; width: 126px; min-height: 175px; float: left; margin: 15px 15px 1px 15px; text-align: center; } 

Any help would be great!

Answer 1

You need to set the overflow: auto and remove the left pad on # main-content

 #main-content { background: none; overflow: auto; padding-top: 5px; 

}

This works for me.

Answer 2

 #main-content { background: none repeat scroll 0 0 white; overflow: hidden; padding-left: 250px; padding-top: 5px; } 

If you want to understand why, read this.

Answer 3

this is due to floating elements

on the left, add this css:

 #page-wrap { overflow: hidden; } 

Answer 4

You need to remove the extra div tag that exists in your code. Remove one of them at the end and see if this works. Or you may not have an open tag. Since you did not submit your code, I cannot figure it out.