Размер Div не будет правильно загружать HTML

Я работаю над телефонным приложением для локального бизнеса в области телекоммуникаций, используя HTML, CSS, Javascript и компилирую его с помощью Phone Gap. В настоящее время я столкнулся с проблемой определения размеров Divs с помощью CSS IDangerware Swiper. Когда я загружаю страницу, Div показывает размер 0px x 0px, но устанавливается для 100% ширины и высоты. Он загружается только после перезагрузки страницы.

<div data-role="content">
<div class="swiper-container-third center";>
    <div class="swiper-wrapper center";>
        <!--First Slide-->
        <div class="swiper-slide center"> 
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-brandpromo.jpg"/>
    </div>
    <!--Second Slide-->
    <div class="swiper-slide center">
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-broadband.jpg"/>
    </div>
    <!--Third Slide-->
    <div class="swiper-slide center">
        <img class="dealsCenter" src="http://web.duo-county.com/images/app_promos/sidebar-monthly-video.jpg"/>
    </div>
</div>
</div>

Класс "center" - это просто CSS, который говорит, что text-align: center !important;

Мне просто нужна помощь в определении того, что могло бы быть причиной того, что Div "swiper-container-third" равняется 1319px x 0px и "swiper-wrapper" равным 0px x 0px. Любая помощь будет высоко оценен!