title: Alternative to display none to take content out of the viewport
body: <p>I am building an inline tabbed interface, and I need to show/hide elements based on user interaction. However I can't simply use the css <code>display none</code> property to hide an element, because it breaks other scripts that rely on the element's css properties such as its sze.</p>
  
  <p>Is there a bulletproof alternative that would allow me to take an element offscreen?</p>
  
  <p>I have found a number of suggestions on the Web, but all of them have shortcomings:</p>
  
  <p><code>position:absolute;top:-9999px</code>: will force the page to scroll back to the top.</p>
  
  <p><code>position:absolute;left:-9999px</code>: will create a scrollbar in right to left pages. Also, it seems to require more processing time because the browser actually builds a much bigger page.</p>
  
  <p><code>clip(1px,1px,1px,1px)</code>: will resize the element to 1 pixel, which is too big for my case (especially as I am hiding a dozen elements).</p>