css show button over image
<p>I am making a simple <code>reactjs</code> app where I need to put a <code>button</code> over image. 
My html looks like:</p>

<pre><code>&lt;div className={"panel-body"}&gt;
    &lt;img className={"img-responsive center-block"}
         src={album.photos.data[0].source} /&gt;
    {(this.state.isMouseInsideID === album.id) ? &lt;button&gt;Your Button&lt;/button&gt; : null}
&lt;/div&gt;
</code></pre>

<p>Its all fine except button is shown below the image.
But I want to show the button over the image or in the middle of the <code>div</code></p>

<p>How can I make this work ?</p>