title: jQuery .width() issues in IE 8
body: <p>I'm having major issues getting the size of a container in jQuery using <code>width(), outerWidth(), innerWidth()</code></p>
  
  <p>If you <a href="http://stafford.networkintellect4.info/" rel="nofollow">load up this URL in IE8</a> it gives me a width figure of over 30,000 whereas every other browser is around the 1100 mark which is the correct value.</p>
  
  <p>This causes problems with the slider as this width value is used to make all sorts of other calculations in regards to the individual slider resizings.</p>
  
  <p>I have left the alert in for you to see the width discrepencacies and it is being called on the div with id container.</p>
  
  <p>The specific jQuery call is (using no conflict due to other plugins):</p>
  
  <p><code>alert(jQuery_1_6_2('#container').width());</code></p>
  
  <p>I've seen a few other posts mentioning <code>outerWidth()</code> and <code>innerWidth()</code> but these don't give me the correct sizings either.</p>
  
  <p>I believe it may be to do with IE maybe thinking that all the sliders are in a line but still these are only 600px wide each so I would only get a value around 3,600px not 30,000px +</p>
  
  <p>I also can't use fixed widths which would solve my problem due to this being responsive. The best I can achieve is put a max-width value on #container but I still don't get an exact value for the width value.</p>