Amigos, pongo a continuacion un codigo que tiene el mismo problema del que les comente arriba....espero de su ayuda y compresion...gracias desde ya.
saludos, kceres.
Código HTML:
<html>
<head>
<title>Pagina de Prueba</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/ui.draggable.js"></script>
<!--<script type="text/javascript" src="js/ui.droppable.js"></script>-->
<style type="text/css">
#contenedor_1{
width:300px; height:300px; border:1px solid #DDD; padding:5px; overflow:auto;
}
#contenedor_2{
}
.ul_li{
border:1px solid #000; padding:5px; margin-top:3px;
}
ul{
list-style-type: none;
}
</style>
</head>
<body>
<div id="contenedor_1">
<div id="contenedor_2">Enunciado del esta columna, bla, bla, bla</div>
<div id="contenedor_3">
<ul id="ul_1">
<li class="ul_li">Opcion #01</li>
<li class="ul_li">Opcion #02</li>
<li class="ul_li">Opcion #03</li>
<li class="ul_li">Opcion #04</li>
<li class="ul_li">Opcion #05</li>
<li class="ul_li">Opcion #06</li>
<li class="ul_li">Opcion #07</li>
<li class="ul_li">Opcion #08</li>
<li class="ul_li">Opcion #09</li>
<li class="ul_li">Opcion #10</li>
<li class="ul_li">Opcion #11</li>
<li class="ul_li">Opcion #12</li>
<li class="ul_li">Opcion #13</li>
<li class="ul_li">Opcion #14</li>
<li class="ul_li">Opcion #15</li>
<li class="ul_li">Opcion #16</li>
<li class="ul_li">Opcion #17</li>
<li class="ul_li">Opcion #18</li>
</ul>
</div>
</div>
</body>
<script type="text/javascript">
$(function() {
$(".ul_li").draggable();
});
</script>
</html>