duckien253
New Member
So I'm trying to accomplish something. I'm building a responsive website, and I've run into an interesting issue.I have a #wrapper, it's background is #FFF. Inside that for display needs i placed a header with some content and a body and each has a different background so it's easy to see what's positioned where.For my Wrapper, i gave it a width of 100% so it expands and contracts with the browser window. But limited it's max-width to 750px as i dont want the website to be wider than that.\[code\]#wrapper {position:relative;margin:20px auto;padding:0px 20px;width:100%;max-width:750px;background:#FFF;}\[/code\]Notice i placed a padding of 0px 20px on it. This is where my issue comes in. When you re-size the browser window the wrapper does contract along with it, but for some reason it disregards the padding on the right. I want to make sure that does NOT happen, because no matter the browser window size I want 20 pixel space on left & right sides.Any ideas, hints, lessons 
? http://jsfiddle.net/wuJ9H/Thanks!
? http://jsfiddle.net/wuJ9H/Thanks!