Centrar texto según resolución de la pantalla

[hmv]

Buenos días, me gustaría sobreponer un texto encima de una imagen, eso ya lo consigo en mi compu, pero cuando lo veo en otros monitores de diferentes resoluciones se ve descuadrado, tiene que salir en el centro de la pantalla. Leí por ahí que con porcentajes se trabaja esto, pero no lo consigo. Gracias

Código HTML:

#capa1{position:relative;}
   #capa1 .subcapa1 {
   		position: absolute;		
		width:100%;		
		top: 15%;		
		margin-left:-15%;
   } 
	 
   #background{ width:100%;  z-index: -1;  left:0;}	

<div id="capa1">
    <img src="index/2.jpg" border="0" id="background" />
    <div class="subcapa1">
    <table border="0" cellpadding="0" cellspacing="0" align="right">
	<tr>
		<td align="left">
		    <h1 class="index">Welcome to Your <strong>Web Site</strong></h1>
	        </td>
	</tr>
	<tr>
		<td align="left">Another way of discovering internet</td>
        </tr>	  
    </table>  
     </div>
</div> 

[Zeromm]

en serio estás maquetando con tablas?¿?¿?¿

aquí tienes un ejemplo rápido.. sin tablas obviamente!! xD

Código HTML:

<div id="imagen">
  <h2>texto centrado</h2>
</div> 

Código:

#imagen{
  width: 300px;
  height: 300px;
  background: url("http://tecnologia.starmedia.com/imagenes/2012/09/demo-f1-2012-disponible-1-300x300.jpg");
  text-align: center;  
}