I am a 600px wide header that resides within a 600px wide container. I have left and right paddings of 50px that make my total width 700px yet my content is constrained to 600px. I have left and right negative margins of -50px which causes me to hang out of my parent, the wrapper div.
I am a 600px wide inner div that resides within a 700px wide header div. Since I am 600px I will center myself within my parent (#header-two) by using margin:0 auto; I don't need left and right paddings since I am a seperate div within the 700px wide header. But my parent does have left and right negative margins of -50px which causes it to hang out of the 600px wide wrapper div.