agrandar y achicar texto

[gamau6]

Buenas tengo un codigo en javascript funciona de lo mejor pero al momento de agrandar el texto se encima si alguien me podria ayudar aqui les dejo el codigo

Código Javascript:

var newsfont = 16; 
function changeFont(id) { 
 
if (document.getElementById) { 
document.getElementById(id).style.fontSize = newsfont+"px"; 
} else { 
if (document.layers) { 
document.layers[id].fontSize = newsfont+"px"; 
} else { 
if (document.all) { 
eval("document.all." + id + ".style.fontSize = \"" + newsfont + "px \""); 
} 
} 
} 
 
// esto arregla scroll al utilizar layers 
// updateHeight(); 
setCookie(); 
} 
// aqui se produce el error 
function larger() { 
if (newsfont < 20) { 
newsfont= newsfont +1; 
changeFont('content'); 
} 
} 
 
function smaller() { 
if (newsfont > 10) { 
newsfont= newsfont -1; 
changeFont('content'); 
} 
}
 
<a onmousedown='larger()' href='javascript:void(0);'><img src='images/textogrande.gif'' alt='Aumentar texto' title='Aumentar texto' border='0'></a>
<a onmousedown='smaller()' href='javascript:void(0);'><img src='images/textopeque.gif'' alt='Disminuir texto' title='Disminuir texto' border='0'></a>
 
<div id="noticia">Este texto se agranda y se achica</div>
 

Gracias!