anchor.diff:                      </c:forEach>
                   </tbody>
               </table>
  -
  +</div>
               <br style="clear:both"/>
   
               <div id="activities-input">
  
positive.code: 
      table#manage-period {
          padding:5px;
          overflow-x:auto;
          display:block;
      }
      
  
negative.code:     var activity = draggedMarker.activity ? draggedMarker.activity : rowActivity;
      if (activity == rowActivity) {
          dropZone.select('.marker')[0].update(draggedMarker.innerHTML);
  
          //FOR IE7 - Have to comment this part, since X is not working after being added to the row once. The Draggables doesn't register clone properly...
          
          // Have to clone the node to avoid the revert animation
  //        var draggedMarkerParent = draggedMarker.parentNode
  //        draggedMarkerParent.removeChild(draggedMarker);
  //        if (draggedMarker.hasClassName('new-marker')) {
  //            var clone = $(draggedMarker.cloneNode(true))
  //            clone.style.position = ''
  //            clone.style.top = ''
  //            clone.style.left = ''
  //            clone.style.zIndex = ''
  //            clone.style.opacity = '0'
  //            new Draggable(clone, { revert: true })
  //            registerNewMarkerHoverTip(clone)
  //            draggedMarkerParent.appendChild(clone);
  //            new Effect.Opacity(clone, {
  //                duration: 0.8
  //            })
  //        }
      }
  }
  
  