IE8 max-width not 1170 - actual 1200px

Created by: christiaank

I've noticed the IE8 content area is wider than 1170 and actually rendering as 1200px wide. This is causing us issues as a site we're working on has a static full page background image which is defining/highlighting the content (container) area, which works on all browsers except IE8.

The 'content' column width is 1170 + 30px padding giving max-width of 1200px.

eg. IE8 container row = 1200px wide, col-lg-12 = 1200px wide or col-lg-8 = 800px wide + col-lg-4 = 400px wide.

I've attached example of browsers rendering a page from the docs to show size inconsistencies below.