title: Problem with jquery draggable and div with bottom fix position
body: <p>I have a problem with a div that at the begin is fixed in the bottom-left corner. I need to do it draggable but when I use jquery to do it the bottom position remains and the size of the div changes.</p>
  
  <p>You can see the behavior in this page: <a href="http://paraguasparados.com" rel="nofollow">http://paraguasparados.com</a></p>
  
  <p>The div css code is:</p>
  
  <pre><code>.fcp-cpanel{
  position:fixed;
  bottom:20px;
  left:10px;
  z-index: 99999;
  padding: 5px;
  color: #000;
  text-align: left; 
  font-size: 11px; 
  background:url('../img/blueicons/background.jpg') repeat-x;
  border:1px solid #000;
  }
  </code></pre>
  
  <p>The jquery code is:</p>
  
  <pre><code>$jn("#fcp-cpanel").draggable({
          containment:"body",
          scroll: false,
          opacity: 0.35
          });
  </code></pre>
  
  <p>When in firebug I remove the 'bottom' css style it works like it should.</p>
  
  <p>Thanks for any help.</p>