выравнивание текста CSS на mac

Question

Итак, у меня проблемы с CSS на Mac. Эта проблема присутствует в FF и Opera на Mac. В окнах нет проблем в любом браузере, который я тестировал (IE, FF, Opera, Chrome).

Проблема с неправильной настройкой > Символы на серой зоне показаны ниже.

Вот как это выглядит, когда это нормально на платформе окон:

Это проблематично перекос > на макинтош в FF (Это не происходит на хроме и сафари)

Я понятия не имею, как это исправить, так как символы > не заключены в какой-либо элемент html ...

Я не кодировал это сам, поэтому хотел бы исправить это с помощью css или javascript.

Спасибо за помощь!

Для большей ясности: это PHP код, который генерирует путь навигации (ссылки разделенный> в серой зоне)

 <a href="/">Kartes.lv</a> <?php echo '&gt; '; ?> 
<? 
         $strTitle = ''; 
         $strBuf = ''; 
         for ($i=1; $i<count($_page_path); $i++) 
         { 
          if ($_page_path[$i+1][0]) 
          { 
           $strLink = '<a '. (!isset($_page_path[$i+2]) ? ' class="last" ' : '') .'href="/?wp='. $_page_path[$i+1][0] .'&lg='.(isset($_GET['lg']) ? $_GET['lg'] : '2').'&p=0">'.$_page_path[$i][1].'</a>'; 
          } 
          else 
          { 
           $strLink = $_page_path[$i][1]; 
          } 

          if (trim($_page_path[$i][1]) != '') 
           $strTitle = $_page_path[$i][1];        

          if ($strBuf != '') 
          { 
           echo $strBuf . ($strLink != '' ? ' &gt; ' : ''); 
          } 
          $strBuf = $strLink; 
         } 
         echo $strBuf;       
?> 

Answer 1

Там была проблема с конфликтующими стилями CSS, vertical-align: top на контейнер DIV, но vertical-align: center на дочерние элементы, которые привели к смещению.

Спасибо всем, кто провел здесь время!