Прелоудер для слайдера-карусели

Да сделайте что-нибудь типа абсолютного позиционирования для элементов вашего слайдера, и не парьтесь.

Вот код слайдера:

    <section class="banner-sec clearfix">
        <!-- Start: flexslider -->
        <div id="banner-slider" class="flexslider clearfix">
            <ul class="slides">
            
                <!-- Start: flexslider-one -->
                <li class="bg-banner-full slider_one">
                    <div class="pink-solid">
                    <div class="banner-mid-text">
                        <div class="container">
                            <h1>О поцелуях</h1>
                            <span>Как научиться целоваться?</span>
                        </div>
                    </div>
                    </div>
                </li>
                <!-- End: flexslider-one -->
                
                <!-- Start: flexslider-two -->
                <li class="bg-banner-full slider_two">
                    <div class="pink-solid">
                    <div class="banner-mid-text">
                        <div class="container">
                            <h1>О поцелуях</h1>
                            <span>Уроки и фотографии поцелуев</span>
                        </div>
                        </div>
                    </div>
                </li>
               <!-- End: flexslider-two -->
            </ul>
        </div>
        <!-- End: flexslider -->
    </section>

Если делаю 

position: absolute;

для .slider_one и .slider_two - не помогает, также разъезжаются слайды при загрузке. Напишите, пожалуйста, для какого элемента указать позиционирование?

Типо так:

.banner-sec .flexslider li.slider_two {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

Спасибо огромное, получилось отлично!