Fix Margin-left Position on resize

Question

i would like to fix my margin-left value on resize. I try to write a horizontal slider.

this is my html markup. Section floats left and article got the width of all sections.... the #mainSlider has a variable Width.

        <div id="mainSlider" class="c12" >
            <article class="slides">
                <section>1</section>
                <section>2</section>
                <section>3</section>
                <section>4</section>
            </article>
        </div>      

and this is the test snippet who should worke but it does not;) WHY?

th3width = function(){
wd = $('#mainSlider').innerWidth();
$('article').css({'margin-left' : - wd +"px" });    
}
th3width();

$(window).resize(function(){
th3width();
});

Answer 1

use marginLeft not 'margin-left' ? http://jsfiddle.net/snsuu27x/

.css({marginLeft : wd+'px'})