Slick slider does not init propely
I think that slick is getting his parent width incorectly. But I am unsure of what is happening.
Im under this impresion because when i inspect element I see width:35000 px;

I written this simple code for simplicity

<div style=text-align: center;>

        <div id=AboutUsSlider style=width: 90%; display: inline-block;>

            <div><img src=/images/banners/727X300.jpg></div>

            <div><img src=/images/banners/727X300.jpg></div>

            <div><img src=/images/banners/727X300.jpg></div>

            <div><img src=/images/banners/727X300.jpg></div>

            <div><img src=/images/banners/727X300.jpg></div>

            <div><img src=/images/banners/727X300.jpg></div>

            <div><img src=/images/banners/727X300.jpg></div>

        </div>

</div>

<script>

$(document).ready(function(){

    $(#AboutUsSlider).slick({

        rtl:true,

        infinite:true,

        centerMode: true,

        variableWidth: true,

        dots: true,

        speed: 500,

        cssEase: 'linear',

        autoplay: true,

        autoplaySpeed: 6000,

        arrows: true

    });

});

</script>

If you guys would like to see it live,
new.jccayer.com/test.php

any one has an idea why this is happening ? Any help/comment is apreciated!

EDIT

I took the example they ship in the downloaded Slick .zip
posted online at new.jccayer.com/test.html
We can compare it to new.jccayer.com/test.php Witch is mine

Both pages use files on my server. So no cdn. and both same files.
Meaning that only the source code in this page is somewhere wrong. ( because example work )

Still I can't figure out what is diferent from the two file. Im I becoming blind because of how long I have been trying to make this work ?

Any one?