Проблема с шрифтом, как обрезать в высоту?

В том то и дело что шаблон делаю на локальном сервере (denwer). Я покопался в интернете и нашел такую информацию про em box, это невидимая рамка вокруг каждой буквы. Объясню еще раз. Есть тулбар div высотой 48px. В нем кнопки тоже div в которых ссылки, иконки это шрифт (скачал по адресу entypo.com). так вот когда размер шрифта ставишь 48px то он почему то выходит за рамки тулбара. То есть как видно на картинке, сам шрифт нормального размера а вот невидимые грани текста выходят за пределы. Я точно не знаю что это (или baseline или em box ) или еще что то. Мне надо как то устранить эту проблему. Пробовал в css писать разные положения текста по вертикали и пробовал div'у в котором ссылка ставить параметр display:block и другие чтоб он обрезал по размеру но ничего не получилось. Ниже часть кода.

HTML:

[not-group=5]
<div class="toolbar">
   <div class="usrava">
      <a href="{profile-link}">
         <img src="{foto}" />
      </a>
   </div>
   <div class="msgindi">
      <a href="{pm-link}">U+2709 {new-pm}</a>
   </div>
   ...остальная часть кода.....
</div>
[/not-group=5]

CSS:

.toolbar {
   width: 842px;
   height: 48px;
   background: #eaeaea;
}
.usrava {
   float: left;
}
.usrava img {
   width: 48px;
   height: 48px;
}
.msgindi {
   float: left;
}
.msgindi a {
   font-family: entypo;
   font-size: 48px;  /*---или 3.5em; если в em то лучше сглаживание---*/
   color: #666;
   vertical-align: middle;
}