Que tal.
Tengo un problema con el scrollBar de esta página
http://manos.malihu.gr/jquery-custom-content-scroller

Hice la prueba sin el while en otro archivo y sí me funciona viendose bien, pero en mi php lo intento meter dentro de un while que repite un Spry Accordion, y no funciona, se ve el scrollbar comun de todos los navegadores.
Este scrollbar es horizontal.

Esta vez estoy perdido y no se donde está mi error.
Creo estar haciendo todo bien.

Este es el codigo en mi header:


Código HTML:

Código HTML :

<!-- CSS DE LA SCROLLBAR   -->
<style type="text/css">
   <!--
      .content_1{ width:770px; height:230px; overflow:auto;  clear:both;}
      .content .images_container{overflow:hidden;}
      .content .images_container img{display:block; float:left; margin:0 5px; }
      a[rel='toggle-buttons-scroll-type'].off{opacity:0.5;}
   -->
   </style>
   <!-- Custom scrollbars CSS -->
   <link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
</head>


Este es el jquery al final de la página:


Código HTML:

Código HTML :

 <!-- Get Google CDN's jQuery and jQuery UI with fallback to local -->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
   <script>!window.jQuery && document.write(unescape('%3Cscript src="jquery/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
   <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
   <script>!window.jQuery.ui && document.write(unescape('%3Cscript src="jquery/jquery-ui-1.8.21.custom.min.js"%3E%3C/script%3E'))</script>
   <!-- mousewheel plugin -->
   <script src="jquery.mousewheel.min.js"></script>
   <!-- custom scrollbars plugin -->
   <script src="jquery.mCustomScrollbar.js"></script>
   <script>
      (function($){
         $(window).load(function(){
            $(".content_1").mCustomScrollbar({
               horizontalScroll:true,
               scrollButtons:{
                  enable:true,
                  scrollType:"pixels",
                  scrollAmount:116
               }
            });
         });
      })(jQuery);
   </script>


Y este es el código que contiene el loop, que es llamado mediante la funcion INCLUDE: ( content_1 es el div del ScrollBar)


Código PHP:

Código PHP :

<div id="Accordion1" class="Accordion" tabindex="0">
 <?php
while($lineas = mysql_fetch_assoc($resultadolinea)){
    $datop = $lineas['IDL'];
    $selectproductolinea = "SELECT * FROM catalogoproducto
    WHERE IDnum = $datop";
    $resultadoproductolinea = mysql_query($selectproductolinea, $cnx)or die(mysql_error());
    $resultadoproductolinea2 = mysql_query($selectproductolinea, $cnx)or die(mysql_error());
    //$save2 = mysql_fetch_array($resultadoselect3);

echo '<div class="AccordionPanel">';
echo '<div class="AccordionPanelTab"><ul><h2>'.$lineas['linea'].':</h2></ul></div>';
echo '<div class="AccordionPanelContent">';
echo '<div class="content_1">';

while($save = mysql_fetch_assoc($resultadoproductolinea)){
echo '<div class="contencion"><a href="productos.php?p='.$save['link'].'"><img src="150 x 150 SECCIONES/'.$save['minifoto'].'" width="150" height="150" /></a></div>';
}
echo '<p>&nbsp;</p>';
echo '<p>&nbsp;</p>';
echo '<p>&nbsp;</p>';
echo '<p>&nbsp;</p>';
echo '<div class="clearador"></div>';

while($save2 = mysql_fetch_assoc($resultadoproductolinea2)){
echo '<div class="divs"><li><a href="productos.php?p='.$save2['link'].'"><h5>'.$save2['descripcion'].'</h5></a></li></div>';
}
echo '</div>';
echo '</div>';
echo '</div> <!-- FIn Acordions -->';    
}