html - Jssor Slider - Relative dimensions cause error in IE11 -

i have problem relative dimensions of slider container in ie11 (jssor 18.0).

html structure:

• there's outer div absolute dimensions (width , height in pixels).
• there's inner div, 1 slider created, relative dimensions (width = height = 100%).

the slider works in firefox 38 , chrome 43. in ie11 following error occurs (well - ie, tried ie9, ie10 , ie11):

cannot scale jssor slider, 'dimension' of 'outer container' not valid. please specify 'dimension' in pixel. e.g. 'dimension: 600px;'

with absolute dimensions, slider works equally in browsers.

the question is, can use relative dimensions of slider container in ie11?

css , html:

    .npw-banner {          width: 720px;          height: 480px;      }      .npw-banner .npw-slider-container {          width: 100%;          height: 100%;      }

    <!-- outer div absolute dimensions -->      <div class="npw-banner">          <!-- slider div relative dimensions -->          <div id="banner_slider_container" class="npw-slider-container">              <div class="npw-slides" u="slides">...</div>              <div u="navigator" class="npw-navigator">...</div>          </div>      </div>

here's fiddle.

jssor slider requries width/height specified in pixels. see documentation details - http://www.jssor.com/development/reference-ui-definition.html.

if there's constraint , dimensions cannot specified in pixels, can use jquery compute absolute values.

example:

var $container = $("#" + containerid);  var containerwidth = $container.width(); var containerheight = $container.height();  $container.width(containerwidth); $container.height(containerheight);