Hey guys,
I've been trying to figure this stuff out for quite some time before I post here, but no luck...
Basically, I am building a flexible/responsive website and I need to center the content. Here's what it looks like with this code:

Code:
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
http://i.stack.imgur.com/dIgNM.jpg

Although the logo and the footer is centered, the main content is messed up.
I also tried the 'traditional' method:
Code:
width: 960px margin: auto
and that seems to work fine with some tweaks on the content objects.

However I need to use either the flexbox model or give the width in % so that way it's all responsive. And here's an issue again. I managed to fix all the content with % widths, but the images are problem, since they are in css, as background of a div. I have no way of giving them width, without interfering with the fixed div width that is necessary. And I need them to be in CSS instead of HTML, because I want to overlap some of them later on. Is there a workaround for this?
http://i.stack.imgur.com/xdZ0A.jpg

Thanks a lot for your help