Quando aumento a resolução os botoes não acompanham o aumento..

Boa noite,

Estou com um problema com os botões porque sempre que aumento a resolução da pagina os botões não acompanham esse aumento..Além disso criei uma pagina de todo o codigo que nunca vou alterar ao longo do portal e depois em cada pagina criada chamava esse ficheiro(neste caso será a caixa de texto que nunca vai ser alterada), por exemplo noticias faço um

include ('layout.php'); e depois crio a div do texto onde quero colocar a informação. <div id="texto" style="overflow:auto"> </div>.

Utilizo este codigo para criar o botao no index.php ou layout.php

<p class="home">
 <a href="index.php">Home</a> </p>

Depois para configurar o botão tenho o trabalho.css

body{

margin:0;
padding:0;
text-align:center;
}

#layout {
	height: 800px;
	width: 800px ;
	background-image: url("Imagens/layout1.png");
	text-align:left;
	margin:0 auto;
}

.home {
	font-family:"Bell MT";
	font-size: 22px;
	color: rgb(21, 178, 255);
	float: none;
	z-index:2;
	font-style: italic;
	position:absolute;
	font-weight: lighter;
	left:290px;
	top: 15px;

}

.home a {

 display:block;
	font-family:"Bell MT";
	padding:0px;
	text-decoration: none;
	text-align:center;
 no-repeat center center;
 font-size: 22px;
	color: rgb(21, 178, 255);
	float: none;
	font-style: italic;
	width: 70px;
	height: 30px;
	display:block;
	}

Como posso resolver este problema??já tentei um pouco de tudo..