title: Element does not show outside the bounds of its containing element
body: <p>I have a div (relatively positioned) containing data, and want a series of buttons sitting on top of the box. These buttons are just div's with absolute positioning. However, if I position them outside the containing div they do not display. They display fine if the positioning is positive (inside the main div). Is it possible to have an absolute positioned div (or other element, I'm not fussy) show outside the bounds of its container? If so, how?</p>
  
  <p>The critical portion of the CSS of one of the 'buttons' is: "position: absolute; right: -3px; width: 20px; top: -27px;"</p>
  
  <p>The main rectangle has the following CSS type (visibility/display are turned on by javascript when the time is right):</p>
  
  <pre><code>.ob{
      visibility:hidden; 
      display:none;
      position:relative;
      left:1;
      top:1;
      text-align: left;
      vertical-align: top;
      padding-top: 12px;
      margin-bottom: 20px;
      padding-left:2px; padding-right:2px;
      border-collapse: collapse;
      overflow: auto;
  }
  </code></pre>
  
  <p>An example is defined with the following PHP:</p>
  
  <pre><code>echo "  &lt;div id='$portalid.ButtonDelete' 
  style='border:2px solid ".$onefield["Color.Border"]."; text-align: center; color: ".$onefield["Color.Text"]."; background: ".$onefield["Color.Fill"]."; 
  position: absolute; right: ".$ButtonRight."px; width: 20px; top: -2px; 
  font-family: Sans-Serif; font-weight: bold; 
  height: 20px; padding-top: 2px; 
  z-index:1; cursor:pointer;' title='Delete selected ".$onefield["Display"]."' onclick='alert(\"Not implemented\");'&gt;
  X
  &lt;/div&gt;";
  </code></pre>
  
  <p>which translates into:</p>
  
  <pre><code>&lt;div id='Delete'
  style='border:2px solid red; text-align: center; color: White; background: Pink;
  position: absolute;  right: -2px; width: 20px; top: -24px;
  font-family: Sans-Serif; font-weight: bold;
  height: 20px; padding-top: 2px; z-index:1; cursor:pointer;'
  title='Delete selected records' onclick='alert(\"Not implemented\");'&gt;
  X
  &lt;/div&gt;";
  </code></pre>