title: how to hide scrollbar even if div is not larger then max-height
body: <p>i have a div named panel, CSS of whose is</p>
  
  <p><img src="https://i.stack.imgur.com/wgr7y.jpg" alt="enter image description here"></p>
  
  <pre><code>.msg_panel
  {
  width:100px;
  height:45px;
  max-height:200px;
  padding: 3px;
  overflow-y:scroll;
  overflow-x:hidden;
  }
  </code></pre>
  
  <p>now even if height of panel is not larger than the max-height, i am getting the scrollbar visible(you can see in the pic).
  I want scrollbar visible only if max-height is attained.</p>
  
  <p>i tried javascript, but can it be done only in css </p>