html - Mac上的CSS文本对齐

所以我在Mac上有CSS问题。在Mac上的FF和Opera上存在此问题。
在Windows上，我测试过的任何浏览器（IE，FF，Opera，Chrome）都没有问题。

问题在于在下面显示的灰色区域中>符号未对齐。

这是在Windows平台上正常时的外观：


这是FF中Mac上>的有问题的未对齐（在chrome和safari中不会发生）


我不知道如何解决此问题，因为>符号未包含在任何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;
?>

最佳答案

冲突的CSS样式存在问题，容器div上的vertical-align: top却在子元素上的vertical-align: center上导致了未对齐。

感谢所有在这里度过时间的人！