title: fixed vertical positioning of css within an iframe
body: <p>I am trying to get my bottom header to stick to the bottom of the screen inside of my iframe application and have it always appear in view for the user even when the page is scrolling.  I have no control over the outer iframe as it is on a different domain.  The header itself must be inside of the iframe as I have no control outside the iframe. The iframe always expands to the height of its contents so that it has no scrollbars, but the bar still has to be visible in the viewport at all times.</p>
  
  <p>Another thing to note: The iframe height should be the same height as its contents so their is no need for scroll bars</p>