problem z bxslider

[przemooomax]

Witajcie!

Mam problem, mam na stronie bxSlider z http://bxslider.com/, mój sileder wygląda tak:

Problem ustaje gdy przejdzie cała kolejka... Wtedy jest ok...
Oto kod:

Kod:

<ul id="slider1">
  <li>
     <div class="item">
    
      <img src="real/1.PNG" height="250" alt="" title="" width="380" />
      
      <div class="info">
        <p class="nazwa">IntelSystems</p>
        <p class="opis">Montaż i konserwacja klimatyzatorów. </p>
        <p class="opis">Czas realizacji: 2 tygodnie</p>
        <p class="opis">xHTML, CSS3, PHP</p>
        <p class="adres"><a href="realizacje_go.php?link=http://www.klimahot.pl">Zobacz on-line</a></p>
      </div>
    
    </div>
  </li>
.........

Kod:

        #realizacje #slider1 { width:785px; margin:0 auto;}
        #realizacje #slider1 li .item { width: 785px; float:left;}        
        #realizacje #slider1 li .item img { text-align:center; border:solid 1px #CCC; width:380px; float:left;}
        #realizacje #slider1 li .item .info { padding:10px; background-color:#D4D4D4; width:380px; float:left; }
        #realizacje #slider1 li .item .info .nazwa {font-size: 22px;}
        #realizacje #slider1 li .item .info .adres { text-align: right !important; font-size:12px;}
        #realizacje #slider1 li .item .info .opis { font-size: 12px;}

Jednak gdy zmienie na:

Kod:

#realizacje #slider1 li .item { width: 785px; float:left; margin-left: -30px;}

Problem ustaje tylko w pierwszej kolejce, a w drugiej dalej wygląda tak jak na screen... co robić?

[Engine]

Kod:

#realizacje #slider1 li .item { width: 785px; float:left;}

a nie powinno być tak:

Kod:

#realizacje #slider1 li { width: 785px;}

spróbuj...


-----------

i jeszcze po daniu float:left; musi być clear.