Horizontal scrollbare Galerie - "Zeilenumbruch"

[Ppaercraft]

Hallo zusammen.

Ich habe eine horizontal-scrollbare Galerie auf eine HP eingebunden und nun taucht das Problem auf, das eine zweite Bilderzeile angelegt wird. D.h. die bilder werden irgendwo umbrochen, ohne das dafür ein Befehl definiert wurde.

Der Code der Galerie sieht etwa so aus:

    <div id="sliderContent" class="ui-corner-all">	  
      <h2></h2>		  
      <div class="viewer ui-corner-all">  
        <div class="content-conveyor ui-helper-clearfix">  
  
  
  
  
          <div class="item">  
            <a href="" target="_self" class="Stil1 Stil3" onclick=  
    "MM_openBrWindow('galerie/big/people/marc_secara/01.jpg','','width=512,height=768')"> <img  border="0" src="galerie/small/people/marc_secara/01.jpg"></a>  
            <dl class="details ui-helper-clearfix">  
              <dt>Text</dt>  
            </dl>  
          </div>  
  
  
          <div class="item">  
            <a href="" target="_self" class="Stil1 Stil3" onclick=  
    "MM_openBrWindow('galerie/big/people/marc_secara/02.jpg','','width=512,height=768')"> <img  border="0" src="galerie/small/people/marc_secara/02.jpg"></a>  
            <dl class="details ui-helper-clearfix">  
              <dt>Text</dt>  
            </dl>  
          </div>  
  
  
          <div class="item">  
            <a href="" target="_self" class="Stil1 Stil3" onclick=  
    "MM_openBrWindow('galerie/big/people/marc_secara/03.jpg','','width=543,height=768')"> <img  border="0" src="galerie/small/people/marc_secara/03.jpg"></a>  
            <dl class="details ui-helper-clearfix">  
              <dt>Text</dt>  
            </dl>  
          </div>  
  
  
          <div class="item">  
            <a href="" target="_self" class="Stil1 Stil3" onclick=  
    "MM_openBrWindow('galerie/big/people/per/01.jpg','','width=1024,height=683')"> <img  border="0" src="galerie/small/people/per/01.jpg"></a>  
            <dl class="details ui-helper-clearfix">  
              <dt>Text</dt>  
            </dl>  
          </div>  
  
  
          <div class="item">  
            <a href="" target="_self" class="Stil1 Stil3" onclick=  
    "MM_openBrWindow('galerie/big/people/per/02.jpg','','width=1024,height=683')"> <img  border="0" src="galerie/small/people/per/02.jpg"></a>  
            <dl class="details ui-helper-clearfix">  
              <dt>Text</dt>  
            </dl>  
          </div>  
  
  
        DAS GANZE WIEDERHOLT SICH NUN BILD FÜR BILD ...  
  
  
  
  
        </div>  
      </div>  
      <div id="slider"></div>  
    </div>  
</div>  
  
<script type="text/javascript" src="jqueryui/js/jquery-1.3.2.min.js"></script>  
    <script type="text/javascript" src="jqueryui/js/jquery-ui-1.7.2.custom.min.js"></script>  
    <script type="text/javascript">  
      $(function() {  
  
		//vars  
		var conveyor = $(".content-conveyor", $("#sliderContent")),  
		item = $(".item", $("#sliderContent"));  
		  
		//set length of conveyor  
		conveyor.css("width", item.length * parseInt(item.css("width")));  
				  
        //config  
        var sliderOpts = {  
		  max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $("#sliderContent")).css("width")),  
          slide: function(e, ui) {  
            conveyor.css("left", "-" + ui.value + "px");  
          }  
        };  
  
        //create slider  
        $("#slider").slider(sliderOpts);  
      });  
    </script>  
</body>

In Bilder und mit overflow: visible siehts so aus:

Ich hoffe Ihr könnt mir weiterhelfen.

Danke und viele Grüße...