title: Absolute positioning not working on Javascript DIV
body: <p>I've used some Javascript that slides a DIV up from the bottom of the webpage and I've tried to position it absolute bottom center.</p>
  
  <p>The DIV at the bottom seems to be bottom left and I've tried to have it centered no matter what the browser window size is.</p>
  
  <p>I'd have a look at this URL to see the page in question: <a href="http://s361608839.websitehome.co.uk/oneonly/index.html" rel="nofollow">http://s361608839.websitehome.co.uk/oneonly/index.html</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="slide-out-div"&gt;
    &lt;a class="handle" href="http://link-for-non-js-users"&gt;Content&lt;/a&gt;
    &lt;a href="mailto:name@domain.com"&gt;name@domain.com&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
    &lt;p&gt;Address&lt;/p&gt;
    &lt;p&gt;Telephone&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>.slide-out-div {
    padding: 20px;
    width: 276px;
    background: url(images/kontakt-bg.png);
    color: #fff;
  }
  </code></pre>
  
  <p>JS: </p>
  
  <pre><code>$(function(){
    $('.slide-out-div').tabSlideOut({
      tabHandle: '.handle',                        //class of the element that will be your tab
      pathToTabImage: 'images/kontakt-tab.png',    //path to the image for the tab (optionaly can be set using css)
      imageHeight: '26px',                         //height of tab image
      imageWidth: '316px',                         //width of tab image    
      tabLocation: 'bottom',                       //side of screen where tab lives, top, right, bottom, or left
      speed: 300,                                  //speed of animation
      action: 'click',                             //options: 'click' or 'hover', action to trigger animation
  
      fixedPosition: false                         //options: true makes it stick(fixed position) on scroll
    });
  });
  </code></pre>
  
  <p>Thanks!</p>