Jquery list drag & drop issue

Question

i am using jquery sortable and i am facing an issue . when i drag a list its shows me a big blank space. this is my code.

$(function() {
    $("#todo").sortable({ opacity: 0.6, cursor: 'move', update: function() {

        var order = $(this).sortable("serialize") + '&action=updateRecordsListings'

        $.post("todo/updateDB.php", order, function(theResponse){

        });                                                              
    }                                 
    });
});

html

<ul id="todo">
<?php

$sel=mysql_query("SELECT * FROM `todo` WHERE `proid`='$proid' ORDER BY `order` ASC");
 $b=mysql_num_rows($sel);
 $i=0;
while($show=mysql_fetch_array($sel))
{
    $i++;
?>
<li id="recordsArray_<?php echo $show['id']; ?>"><div class="span12"><em><strong><?php echo $show['title'] ?></strong></em></li>

<?php
}
?>
<?ul>

Answer 1

i think your css file creating the issue or js files. have alook on it. remove one by one and check it.