title: IE8 with jQuery width
body: <p>I am trying to set a width dynamically on a div.  This is correctly working with Safari, Chrome and Firefox but not in IE8.  This is using jQuery UI for the slider function.  Here is my code so far:</p>
  
  <pre><code>var ourStoryPosts = $(".ourStory .grid_12mod").children();
  var ourStoryLength = ourStoryPosts.length;
  var ourStoryWidth = $(ourStoryPosts[2]).outerWidth(true);
  var ourStoryWrapperWidth = ourStoryLength * ourStoryWidth;
  var maxSlider = ourStoryWrapperWidth - 1020;
  
  $(".ourStory .grid_12mod").width(ourStoryWrapperWidth);
  
  $(".ourStorySlider").slider({ 
      step: 1, 
      max: maxSlider,
      slide: function( event, ui) {
          $(".ourStory").css({
              "left" : -ui.value
          });
      }
  });
  </code></pre>
  
  <p>As you can see, I am using variables to set these values.  The <code>width()</code> method is not working as expected.</p>
  
  <p>I have tried using the <code>String()</code> constructor to explicitly cast to a string.  I have tried using <code>+ "px"</code> at the end of the expression as well.  Each time, the div is being set to <code>0px</code>.  Why is this not working correctly?</p>