Cufon OSX/Windows Margin

Hey Guys,

I’m now finishing my Theme and I got a problem with Windows/OSX.

On OSX (Opera,Chrome,Safari,Firefox) everything looks like it should look.

On Windows (Opera,Chrome,Firefox,IE) the Heading got one px more top padding.

Is it any Problem with the Windows Font system? Of course I can change the paddings so that it looks ok on windows but then OSX got 1 px less

OSX :

Windows:

HTML :

         <div class="sidebar_heading"><h3><span>We about Us</span></h3></div> 

.sidebar_heading h3 {
   display: block;
   position: absolute;
   padding-right:22px;
   height: 33px;
   float: right;
   margin-bottom: 50px;
   padding-left: 0px;
   width: 196px;
}
.sidebar_heading h3 span {
  position: relative;
  float: right;
  padding-top: 7px;
  margin-top: -4px;
  height: 33px;
  padding-left: 20px;
  text-align: right;
  font-size:20px;

too much properties, too much markup… are they all useful?

Yes they are

Well i balanced them now that it’s a little difference. Could not get it right. It’s caused by Cufon, thats sure.

Try to play with display inline/block and maybe remove float. Instead of float, try text align.