jquery - Jquery Cycle2 非画像 div 位置の問題

Question

コンテナーのさまざまな領域に配置する必要がある情報でいっぱいのスライドショーを実行しようとしています。

私の問題は、サイクル 2 スライドショーの div がスタイルで指定された位置を無視しているように見えることです。

子divの位置を無視するようにcycle2を作っているからでしょうか？それとも私は何かが欠けていますか？

私のイメージ スライド ショーは魅力のように機能します。

<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 の css はとても基本的なものです:

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

よろしくお願いいたします。