How to Hide overflow scroller of DIV

Question

I have set a fix height of DIV and set its overflow-y:scroll but the problem is that if i have got data less than its height event though its showing scroll bar (disabled). please tell me how can i hide it... i mean give me solution so that the scrollbar will only show when data in that DIV is crossing height of DIV..

My code :

  <div style="overflow-y:scroll; height:290px">
  a data grid is here
     </div>

Answer 1

<div style="overflow-y:auto; height:290px">
  a data grid is here
</div>

Answer 2

Hi, I have a div tag that contains a data grid. When the width of the grid is large, it is overlapping and crossing the boundary of the div tag at run time. I have tried all overflow options of div tag. Can you please suggest me how to avoid this..