Inconsistent jQuery function when resizing elements on page load
<p>Ahoy!
I've built a little script to check the size of the left-hand margin on page load, resize a div there to fill it, and change the header div to float next to it.</p>

<p>Here's the code:</p>

<pre><code>function buildHeader() {
            var containerMarginLeft = $(".container_16:not(:first)").css("margin-left");
            var headerHeight = $("#header").height();
            $("#stripe").width(containerMarginLeft).height(headerHeight).css("float", "left");
            $(".container_16:first").css("float", "left");
            $("#header").css("margin-left", 0).width(950);
        }

        $(document).ready(function(){   
            // Manipulate layout for the first time
            buildHeader();
            // Manipulate layout when window is resized
            var resizeTimer = null;
   $(window).bind('resize', function() {
       if (resizeTimer) clearTimeout(resizeTimer);
             resizeTimer = setTimeout(buildHeader, 100);
                   });
        });
</code></pre>

<p>And the demonstration is here: <a href="http://robertmay.me.uk/mockups/plane.html" rel="nofollow">http://robertmay.me.uk/mockups/plane.html</a> (it creates the line that stretches on the left).
Now, it works in webkit browsers. It doesn't work in Mozilla, and I've not even tried it in IE.
Anyone have any ideas as to why it doesn't seem to work in Mozilla? I have a feeling it might have something to do with the CSS.</p>
