How to give padding bottom for over flow hidden div?
===

  Contents are coming dynamically from databaes,at the `bottom of div` i have a `see more button` ,clicking on button the div will expand up to 400px;   

  

    #content
      {
        
        width:180px;
        height:200px;
        overflow:hidden !important;
        padding-bottom:10px;
        position:relative;
    }
      #bt
      {
        position: absolute;
        bottom: 0;
       }

**html**

    <div id="content">
    content content ....
    <input type="button" value="see more" id="bt">
    </div>

But how to give padding bottom to this div? Is there any other css trick to do padding bottom for `overflow :hidden div`