grazie della risposta Mich.
avevo dimenticato una parte forse fondamentale per comprendere meglio il tutto.
Ecco la pagina di esempio, purtroppo il metodo width in em non funziona ne su FF ne su IE :-/

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
div.lecterselector { 
  margin-left:10px;
  text-align:center;
}
div.lecterselector a, 
div.lecterselector a:visited {
  display:inline;
  width: 4em;
  text-decoration:none;
  font-weight:bold;
}
div.lecterselector a:hover {
  text-decoration:underline;
  font-style:normal;
}
div.redcontainer{width:95%;margin:auto;background:#E56C3E}
div.redcontainer p{line-height:24px;margin:2px}
div.redcontainer a, div.redcontainer a:visited{color:#FF8A00;text-decoration:none;border:1px solid #CA5D32;background:none;padding:3px;background:#FFFFFF }
div.redcontainer a:hover{text-decoration:underline;font-style:normal;background:#FBC8B4}
div.redinnercontent{width:100%}

</style>

</head>

<body>
<div class="redcontainer">
																<div class="lecterselector">
																	<p class="titleimg">[img]/images/texts/title-artist.gif[/img]</p>
																	

A B C D E</p>
																	

F G H I J</p>
																	

M N O P Q</p>
																	

R S T U V</p>
																	

W X Y Z #</p>
																</div>
</div>
</body>
</html>