title: How to make element NOT to resize on window resize / resolution change
body: <p>I have simple login box, which is centered to the middle of page (vertical and horizontaly).</p>
  
  <p>Here you can find DEMO for it:</p>
  
  <p><a href="http://encodable.com/uploaddemo/files/login.html" rel="nofollow">http://encodable.com/uploaddemo/files/login.html</a></p>
  
  <p>Problem is that everytime I resize browser window manually the content of <code>div</code> (<code>#login-logout-box</code>) is being resized, if someone is trying to view this login form in browser window, which height is lower then <code>380px</code>, it should add scrollbars to the page. But atm instead of that box is just cutten off. Means that under low resolution this form is partically shown without ability to scroll :S (tryed several phones - Iphone and Android 2.3)</p>
  
  <p>But again I don't want that <code>div</code> to be scrollable but whole page.</p>
  
  <p>I've checked www and stackoverflow for possible answer, but nothing at all, also I'm sorry if question is unclear, I've tryed my best to describe it.</p>