html - wrapper width:100%; works fine when browser is maximized but when not maximized it cuts off -

Actually I'm building this website and I have a 100% width cover and when the browser is maximized So it works fine but if it is not maximized and you cut content at the end of the container's content and scroll it to the right and do not stretch completely?

Here the cover is CSS.

  # wrapper-main {background-image}: url (images / structure / bg.png); Background color: # e8eef1; Background repeat: repeat-x; Display: Table; Width: 100%; Margin: 0; Padding: 0; }  

If you take a look at the site and do not maximize it then you should see what I am saying, I'm not sure how to solve this ???

The problem is created by lines 214 in styles css, where You define:

  .onethirdbox {width: 296px; Swim left; Margin: 0-40px 40px 0; Status: Relative}  

If you add all this, then the width of each box is 296 + 40 = 336px. 3 * 336 = 1008 pixels ... which is more comprehensive than your width content in 968 pixels. But if you subtract the margin from 0, you still have to reduce the width to 250 px, which you do not like ... it definitely looks a third box funny .... Obviously something else is going on ... I'm not sure what it is right now, but this is where you should start ... In other words if you change the location of the above:

  .onethirdbox {width: 250px; Swim left; Margin: 40px 0; Status: Relative}  

The problem you wrote about is missing (and a new one is appearing).

Instead of changing the ethernet box, overflow #footerwrapper invisible:

  #footerwrapper {overflow: hidden; }  

This fixes the symptom, but whatever problem is not really solved.