The title explains a-lot of the issue. I am an unable to get the text to overlay the image. I wish to have the text in the centre of image inside the div I've put it in.

CSS:

```
@charset "UTF-8";

#main-page-content {
max-width:960px;
margin:auto;
max-height: 500px;
position: relative; 
}

#bitcoin-price-space {
  width: 960px;
  padding-top:20px;
  height: 40px; 
  margin:auto;
}

.bitcoin-price-content {
    position: relative; 
    width: 100%; /* for IE 6 */
}

h2 { 
position: absolute; 
top: 0px; 
right:  100;
width: 100%; 
}

```

HTML (Sorry about how this is formatted):

```
<div id="bitcoin-price-space"> 
      </div>
      <div id="main-page-content">
       <table align="center" width="960px" border="0">
       <tbody>
       <tr>
       <div class="bitcoin-price-content">                                                                                                                     <td align="center">
<img src="data/design/images/buy-bitcoins.png"                                                            width="80%" height="275" align="center"    onMouseOver="this.src='data/design/images/buy-bitcoins-hover.png'"
onMouseOut="this.src='data/design/images/buy-bitcoins.png'"alt=""/></td>
<h2 align="right">Test</h2>
   </div>
                      <td background=align="center"><img src="data/design/images/sell-bitcoins.png" width="80%" height="275" align="center" onMouseOver="this.src='data/design/images/sell-bitcoins-hover.png'" onMouseOut="this.src='data/design/images/sell-bitcoins.png'" alt="" id="bitcoin-sell-image"/></td>
                </tr>
               </tbody>
              </table>
            </div>

```

Result of the above code:
![Result](https://i.stack.imgur.com/09cTV.png)