How to put button on end of overflow hidden div?
===

**html**

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

    css

    #content
    {
            width:500px;
    	height:400px;/* actual height 1000px */
    	float:left;
    	color:grey;
    	text-align:justify;
    	text-indent:1em;
    	border:1px solid black;
    	padding:10px;
            overflow:hidden;
    }

Clicking on button using jquery the div will expand up to 1000px.
but my problem is ,by giving `overflow:hidden`  the button is not visible.
I want button to show at the end of div.Before clicking and after clicking i want to show button at the end of div.
How to do this,please help me