JQuery Cycle2 non-image div position issue

Question

Я пытаюсь сделать слайд-шоу, полное информации, которая должна быть размещена в разных областях контейнера.

Моя проблема в том, что div из слайд-шоу цикла 2, кажется, игнорирует положение, указанное в стиле.

Это потому, что цикл2 сделан для игнорирования положения дочернего div? Или я чего-то не хватает?

Мое изображение слайд-шоу работает как шарм .. если бы я мог просто добиться этого.

<div style="position:relative; left:459px; height:306px; width:565px;"> 
    <div class="cycle-slideshow" 
    data-cycle-slides="> div" 
    data-cycle-pager="#pager" 
    data-cycle-pager-template=""   
    > 
    <div style="position:absolute; height:20px; left:200px;"> 
     <font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 10pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font> 
    </div> 
    <div style="position:absolute; height:20px; left:200px; "> 
     <font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 20pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font> 
    </div> 
    <div style="position:absolute; height:20px; left:200px;"> 
     <font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 30pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font> 
    </div>    
    </div> 
</div> 

устанавливаемыми сотовыми из цикла-слайд-шоу является довольно простой:

.cycle-slideshow { 
width: 200px; 
margin: 0; 
} 

Заранее спасибо за помощь !!!

Answer 1

Если это может помочь кому-то в будущем, я на самом деле приложил свой текст в деталях, и это сработало.