IE8 with jQuery width
<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>
