title: Horizontal scroll IE8 screen size below 1200px width
body: <p>I'm building a Wordpress theme and everything is peachy but I have problem with the layout on IE8 on a screen resolution smaller than 1200px</p>
  
  <p>Basically my layout has 1200px grid width but I figured that there will be a problem with 1024px screen resolution (20% of the population bla bla) so I created media queries when the screen size is smaller than 1199px the grid to change its width to 960px and so on for tablets, phones etc.... and problem solved! EXCEPT!!! for IE8 which does not support media queries and the theme does not resize properly on IE 8 with screen resolution of 1024x768px and ofcourse lower....</p>
  
  <p>So my question is how can I make the design change the grid width to 960px ONLY on IE 8 and lower and screen size bellow 1200px?</p>