title: CSS / JavaScript - content outside a element with overflow:hidden
body: <p>I have a container div element that has <code>overflow:hidden</code> on it. Unfortunately this property is required on it because of the way the site is made.</p>
  
  <p>Inside this div it's all the site content, including some tooltips. These tooltips are displayed with jQuery when you mouse over a link or something.</p>
  
  <p>The problem is that some of these tooltips will display partially hidden because of the overflow thing above, because they are positioned outside the container div...</p>
  
  <p>Is there any way to be able to show a specific element from inside this container, even if it's out of its boundaries? Maybe a javascript solution?</p>
  
  <p>the html looks like this:</p>
  
  <pre><code>&lt;div style="overflow:hidden; position:relative;"&gt;
  
    the main content
  
    &lt;div style="position:absolute;left:-100px;top:-50px;"&gt; the tooltip thing &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>