css 100% width div not taking up full width of parent
The problem is caused by your #grid having a width:1140px. You need to set a min-width:1140px on the body. This will stop the body from getting smaller than the #grid. Remove width:100% as block level elements take up the available width by default. Live example: http://jsfiddle.net/tw16/LX8R3/ html, body{ margin:0; padding:0; min-width: 1140px; /* this is …