title: How can I make the contents of a fixed element scrollable only when it exceeds the height of the viewport?
body: <p>I have a <code>div</code> positioned <code>fixed</code> on the left side of a web page, containing menu and navigation links. It has no height set from css, the content determines the height, the width is fixed. The problem is that if the content is too much, the <code>div</code> will be larger than the window's height, and part of the content will not be visible. (Scrolling the window doesn't help, since the position is <code>fixed</code> and the <code>div</code> won't scroll.)</p>
  
  <p>I tried to set <code>overflow-y:auto;</code> but that doesn't help either, the div doesn't seem to notice that part of it is outside of the window.</p>
  
  <p>How can I make it's contents scrollable only, if needed, if the <code>div</code> hangs out of the window?</p>