CSS Transform Повернуть выравнивание букв

Question

Я использую CSS Transforms, чтобы повернуть h2 5 градусов.

По какой-то причине буквы не выровнены.

Взгляните на пример здесь

http://dev.bestprintideas.com/bpi/image.png

Вот CSS

.note-offer h2 { 
    color: #626262;
    text-shadow: none;
    text-transform: none;
    margin: 15px 0 10px 25px;
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}

HTML

  <div class="note-offer">
    <div class="clip"></div>
      <h2>
         <span class="orange">The&nbsp;Essentials</span> <div>Package</div>
      </h2>
      <img src="http://mydomain.com/123/200-tag.png">
      <p>Duis lobortis ligula vitae mauris lobortis congue. Morbi cursus  porttitor feugiat. Aliquam tempus, nunc sed tempor volutpat, dolor lorem  mollis quam, a elementum sapien purus ac&nbsp;
          <a class="read-more" href="http://dev.bestprintideas.com/bpi/offers/the-essentials-package/">Learn more…</a>
      </p>
 </div>

Почему это происходит?Кто-нибудь знает, как это исправить.Это происходит как в FF 3.6, так и в Chrome 5

. РЕДАКТИРОВАТЬ: Кажется, что работает правильно в Chrome 5 для Win и Mac, но не Linux.Имеет проблемы в FF 3.6 для Win, Mac, Linux и прекрасно работает в Safari 5 на Mac

Answer 1

В Firefox есть проблема , которая была исправлена, сломана и исправлена ​​снова. Может быть возможным обойти использование другого шрифта (потому что разные типы шрифтов используют разные пути рендеринга), или вы можете жить с ним, пока браузеры не разберутся.