I'm working on some code for a drag and drop program. You can see the animation when its in chrome or safari, but when in firefox it does not show up. If you make the motion as if you are dragging still it'll work, just the drag animation won't show up.

here is HTML

Code:
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FirePixel-Template</title>
<link rel="stylesheet" href="style/style.css" />
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

   <script src="src/jquery.rss.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/all.js"></script>
</head>

<body>
<div id="wrapper">
	<div id="header">
	  <div id="header-image"><h1>Breeze It!</h1> </div>
	  <table id="links">
      	<tr>
        	<td id="breaking-us" class="draggable">Breaking U.S. News</td>
            <td class="draggable" id="alternative">Alternative News</td>
            <td class="draggable">Political Blogs</td>
            <td class="draggable">Business</td>
            <td class="draggable">Econ Blogs</td>
            <td class="draggable">Political Left</td>
        	<td class="draggable">Opinions</td>
            <td class="draggable" id="tech">Technology</td>
            <td class="draggable">Gossip</td>
        </tr>
        <tr>
        	<td class="draggable" id="breaking-world">Breaking World News</td>
        	<td class="draggable">Trending Now!</td>
            <td class="draggable">Markets</td>
            <td class="draggable">Politics</td>
            <td class="draggable">Political Left</td>
            <td class="draggable">Sports</td>
            <td class="draggable">Entertainment</td>
            <td class="draggable">Music</td>
            
        </tr>
      </table>
      <div id="search">
      ***Click and drag any topic into a column for the latest news...
      <form method="get" action="http://www.google.com/search"> <input type="text" name="q" size="31" maxlength="255" value="" /> <input type="submit" value="Google Search" /> </form>
 
      
      </div>
	</div><!-- end header -->
    <div id="content">
   	  
        
          <div id="bottom-content">
    	 <div id="three-boxes">
          <h3 id="head1"></h3>
          <h3 id="head2"></h3>
          <h3 id="head3"></h3>
          
          <div id="adtop1"></div>
          <div id="adtop2"></div>
          <div id="adtop3"></div>
	 		  <div id="first-box" class="droppable">
         
           	   </div>
               
       			<div id="second-box" class="droppable">
            	
            	</div>
               
       			<div id="third-box" class="droppable">
            	
            	</div>
     	</div><!--end three boxes -->  
        
        <br />  
        
        	
            
        </div>
     </div> <!--end content-->
	</div><!--end wrapper -->
  
  

</body>
</html>
javascript:
Code:
// JavaScript Document
	
	var threeBoxes=document.getElementById('three-boxes');
	var secondBox=document.getElementById('second-box');
	var firstBox=document.getElementById('first-box');
	var text;
	var adtop1=document.getElementById('adtop1');
	var adtop2=document.getElementById('adtop2');
	var adtop3=document.getElementById('adtop3');
	
	//ads for columns based on genre
	
	//tech ads
	var techAd1="images/technology_ad.jpeg";
		
	//url array for categories
	
	var breakingWorld = [
	'http://rss.wn.com/English/keyword/world',
	'http://rss.cbc.ca/lineup/world.xml',
	'http://feeds.guardian.co.uk/theguardian/world/rss',
	'http://worldnewscurator.com/feed/',
	'http://www.news.com.au/world-news'
	];
	

	
	
	  $(function() {
    $( ".draggable" ).draggable({revert: true});
    $( ".droppable" ).droppable({
	
      drop: function( event, ui ) {
		 var id = ui.draggable.attr("id");	
		 var box= $(this).attr('id');
		 var h3=document.getElementsByTagName('h3');
		 
		
        $( this )
          .find( "td" )

		  	if(id=='breaking-us'){
				$(this).empty();
				
				text=document.createTextNode('Breaking U.S. News');
				
			}
			if(id=='breaking-world'){
				$(this).empty();
				
				for(var i=0; i < breakingWorld.length; i++){
					$(this).rss(breakingWorld[i], {
						
					entryTemplate: '<a href="{url}">{title}</a>{date}<br /><br />',	
						
					});
				}
				
				
				var text=document.createTextNode('Breaking World News');	
			}
			if(id=='alternative'){
				$(this).empty();
				
			
				var text=document.createTextNode('Alternative News');
				
				
				
				
			}
			if(id==='tech'){
				$(this).empty();
				
				 $(this).rss('http://feeds.twit.tv/brickhouse.xml',{header: true});
				 var text=document.createTextNode('Tech News');
				 var ad=document.createElement('img');
				 
			}
		 if(box=='first-box'){
			  $('#adtop1').empty();
			  
			  $('#head1').empty(text);
			  $('#head1').append(text);
			  if(id=="tech"){
			  	 var techAd=adtop1.appendChild(ad);
			 	 techAd.src=techAd1;
				 techAd.onclick="http://www.fire-pixel.com";
			  }
			  else{
					var adText=document.createTextNode('Click here to advertise with us'); 
					adtop1.appendChild(adText); 
			  }
		  }
		  if(box=='second-box'){
			  $('#adtop2').empty();
			  $('#head2').empty(text);
			  $('#head2').append(text);
			  if(id=='tech'){
			  	var techAd=adtop2.appendChild(ad);
			  	techAd.src=techAd1;
				//techAd.onclick="http://www.fire-pixel.com";
				$(techAd).click(function(){window.location='http://www.fire-pixel.com'});
				
				
			  }
			
		  }
		 
      }
	
    });

  });