firefox的CSS修复：框阴影属性

这是我的CSS代码：

.thzPartsHeader, .thzPartsContainer {
    border:1px solid #0080ff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:0 0 6px #0080ff, 0 0 20px #292929 inset;
    -moz-box-shadow:0 0 6px #0080ff, 0 0 20px #292929 inset;
    box-shadow:0 0 6px #0080ff, 0 0 20px #292929 inset;
    padding: 5px 20px 5px 20px;
    margin:auto;

    font-family:georgia;
    font-size: 12px;
    color:#ffffff;
    background-color:#000000;
}

这是HTML代码：

<fieldset class="thzPartsContainer">
    <legend class="thzPartsHeader"><b>Code Will Appear Below</b></legend>
    <textarea class="textArea" id="txtarea" name="codearea"></textarea>
</fieldset>

代码将出现在下面

这就是它在Google Chrome中的表现（这正是我想要的）：

但Firefox中就是这样出现的（没有发布图片的名声：o）：
（来源：）

在firefox中，似乎阴影被置换，并且

margin:auto

属性不起作用。他们俩的解决办法是什么？请帮忙

---

你问题的阴影部分与

这不是最好的解决方案，因为您必须为

设置一个固定的高度和宽度，但添加此选项可能会奏效

.thzPartsHeader{
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -75px;
}
.thzPartsContainer{
  padding-top: 9px;
  position: relative;
}

---

小提琴：

图例很难一致地呈现。您可能需要改用标准div。见：和