Css Firefox不正确地显示负边距

我的布局工作正常，但在Firefox中不正常。我使用负边距缩进YouTube视频后面绿色框的顶部和底部

下面是它的外观：

以下是它在Firefox中的外观：

下面是一个实时版本：

下面是一些相关代码：

我最初忘记提到高度是可变的，因为在.frame类中会有不同类型的视频和照片。有没有办法在不定义高度的情况下解决这个Firefox问题

---

如果有更好的方法来编写它并获得相同的效果，我也愿意重新组织它。

如果你设置绿色框的高度，它看起来很好

.framewrap-gr { height: 390px; } 

我这么说是因为你的iframe高度似乎是固定的

---

评论后

我建议你改变建造它的方式。保留一个容器div，在其中放置一个bg div和video div，在bg层顶部对视频进行z索引，并根据需要对bg层进行样式设置（相对于其父层）

这是您的css：

.framewrap-gr, .framewrap-fb, .framewrap-map {
-moz-border-radius: 10px;
border-radius: 10px;
margin: 50px 0 80px 0;
position: relative;

}

尝试这样做：

.framewrap-gr, .framewrap-fb, .framewrap-map {
-moz-border-radius: 10px;
border-radius: 10px;
margin: 50px 0 80px 0;
position: relative;
margin-bottom: -15px;

}

它可以工作，但如果不行，检查firebug对你说了什么

对不起，我的英语不好，我是巴西人。

拿：

在我们的YouTube频道上观看更多视频 把它放在下面

这为我解决了它，然后你只需要将h4向左移动一点，这应该很容易

希望有帮助，下面是复制的代码

马汀

编辑： 不要使用HTML，将：h4.caption的css更改为

h4.caption{
display:table;
padding-right:5px;
text-align:right;
width:100%;
}

---

啊!！我忘了提到，.frame中会有不同的视频和照片，所以高度需要可变。对不起，嗯。。。我正在尝试使用z索引对背景颜色和视频进行分层。我很难让背景的高度受视频高度的限制。也许我应该写一个新问题。IE9标准模式也有“错误”，IE9‘IE8标准’模式和兼容性视图也有“正确”；）我明白你的意思，但是视频的宽度也是可变的。因此，我使用captionwrap将“观看youtube频道”文本右对齐到视频的右边缘。编辑后，它只影响css。这似乎也起作用了，它阻止了framewrap gr div在h4oh上的扩展。我还注意到firefox上的菜单，关于我们的商品，找到我们的。。。箱子里的东西都很低。从.ffnav a中取出填充，并添加：行高：30px；或者无论你想要多少像素，这个框都会调整大小，并为你的作品中文本对齐！！！谢谢谢谢谢谢!！很高兴我不用重做每件事。