lightSlider resize issue

When you resize the window, the carousel is not scaled correctly.

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/holder/2.4.1/holder.js"></script>
<link rel="stylesheet" href="//raw.githack.com/sachinchoolur/lightslider/1.1.2/src/css/lightslider.css">
<script src="//raw.githack.com/sachinchoolur/lightslider/1.1.2/src/js/lightslider.js"></script>
<ul id="lightSlider">
    <li>
        <img data-src="holder.js/900x500/auto/sky/text:First slide" alt="First slide">
    </li>
    <li>
        <img data-src="holder.js/900x500/auto/vine/text:Second slide" alt="Second slide">
    </li>
    <li>
        <img data-src="holder.js/900x500/auto/lava/text:Third slide" alt="Third slide">
    </li>
</ul>

CSS

img {
    width:100%;
}
/* Overlay indicators on top of slide */
 .lSSlideOuter {
    position:relative;
    text-align:center;
}
.lSSlideOuter .lSPager.lSpg {
    position:absolute;
    bottom:5%;
    display:inline-block;
}

JavaScript

$(document).ready(function () {
    $('#lightSlider').lightSlider({
        auto: true,
        item: 1,
        loop: true,
        adaptiveHeight: false
    });
});