Css OpenQuote在Firefox18中的位置不正确，使用：before和content

我正在使用

：before

插入

内容

元素

打开引号

CSS代码：

blockquote {
    background:#f9f9f9;
    color: #555;
    font-style: italic;
    text-align: center; 
    border: 1px solid #ccc;
    border-left:5px solid #ccc;
    margin:0 30px;
    padding: 30px;
    border-radius: 5px;
    box-shadow: inset 0 2px 0 rgba(200, 200, 200, 0.7),-5px -4px 25px rgba(0, 0, 0, 0.3);
}
blockquote:before {
    color:#ccc;
    content:open-quote;
    font-size:4em;
    float:left;
    margin-top:-30px;
    text-shadow: 0 1px 1px #909090;
}

使用Chrome和IE9，它似乎可以毫无问题地工作

我猜

margintop:-30px的解释不同

我怎样才能解决这个问题？
谢谢
 好的，我可以通过使用css浏览器破解来解决这个问题：

@-moz-document url-prefix() { 
    blockquote:before {
        margin-top:0;
    }
}

但我很高兴能找到更好的解决方案。
我的Firefox版本似乎没有显示这种行为。相对定位是另一种选择：


谢谢你的提琴。我不知道为什么它不能在我的（网站）[（向下滚动一点以查看框）。我假设有其他CSS干扰。但是，
blockquote
在我的CSS中没有定义。
blockquote:before {
    color:#ccc;
    content:open-quote;
    font-size:4em;
    float:left;
    position: relative;
    top:-30px;
    text-shadow: 0 1px 1px #909090;
}