title: Jquery BlockUI Growl at bottom right
body: <p>I am using BlockUI for jquery to do a growl notification, I have it wired up and working but I want the notification to be at the bottom right not top right.</p>
  
  <p>I modified the css to use bottom:10px but the growl is not rendering correctly.
  It begins at the bottom but streches half way up the page. </p>
  
  <p>I have a JSfiddle here: <a href="http://jsfiddle.net/3wNFe/" rel="nofollow">http://jsfiddle.net/3wNFe/</a></p>
  
  <p>with the following code</p>
  
  <pre><code>$(document).ready(function() {
  $.blockUI({
              message: $('div.growlUI'),
              fadeIn: 700,
              fadeOut: 700,
              timeout: 2000,
              showOverlay: false,
              centerY: false,
              css: {
                  width: '200px',
                  bottom: '10px',
                  left: '',
                  right: '10px',
                  border: 'non',
                  padding: '5px',
                  backgroundColor: '#000',
                  '-webkit-border-radius': '10px',
                  '-moz-border-radius': '10px',
                  opacity: .6,
                  color: '#fff'
              }
          });
  
  });
  </code></pre>
  
  <p>EDIT - Solution
  I found the solution while using firebug, add </p>
  
  <pre><code>top: '',
  </code></pre>
  
  <p>to the css to make it render correctly.</p>