title: how to get rid of unneccessary vertical scrollbar?
body: <p>I have a div that holds an element of a log-window, showing user-input and system-output. That output might be wider than the div, so I added <code>overflow-x: auto</code> - but unfortunately that gives a unneccessary vertical scrollbar that I'm not able to get rid of. The element fits perfectly (in fact there's useable space below to extend)...</p>
  
  <p>No fiddle, sorry - but screenshot and html <a href="http://mbaas.de/v52/mylog.html" rel="nofollow noreferrer">here</a>.</p>
  
  <p><a href="https://i.stack.imgur.com/WB026.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WB026.png" alt="enter image description here"></a></p>