firefox在mac和windows下上下边距不同

<div id="hero">
  <img src="pic/hero.jpg" border="0" width="710" height="320" />
  <div id="hrd_word">
  <span class="title">Make your meetings work for you</span>
  </div>
  </div>
#pagecontent #hero {position:relative; margin-bottom:35px; margin-bottom:36px\0/; font-size:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { #pagecontent #hero {position:relative; margin-bottom:36px; font-size:0;}}
#pagecontent #hero #hrd_word {position:absolute; left:0px; top:0px; width:325px;}
#pagecontent #hero #hrd_word .title {font-family:Helvetica, Arial, sans-serif; font-size:36px; color:#333333; display:block; margin: 16px 0 7px 0; margin: 16px 0 8px 0\0/;}

windows下的ff展现的是23px，（Make your meetings work for you这句话到图片顶部的距离），而在mac下面是18px，有大虾能告诉我是为什么吗。怎么解决，要求是23px。
谢谢

换个字体试试看。可能是不同系统下的字体选用不一致造成。