title: Hide scrollbar in pre if not needed
body: <p>The <a href="http://www.w3.org/TR/css3-box/#overflow" rel="noreferrer">spec</a> says that a horizontal scrollbar is supposed to be always shown if overflow-x: scroll is set.</p>
  
  <p>On my website I often post code in a <code>&lt;pre&gt;</code>-Block. As this has no predefined width, but the surrounding div does have a maximum (defined as percentage), it seems that I can not figure out how to achieve the following:
  In case a code block is not too wide, hide the horizontal scrollbar.
  If it exceeds the width, show a scrollbar. 
  Any hints? I think I have tried most of the combinations of overflow-x and -y, but none seem to do what I want. </p>