IE和FF中菜单和子菜单之间的大小不同

Question

我的菜单有问题。 Firefox和IE似乎有不同的看法，它们有多大？当我在Internet Exporer中看起来很完美时，我在Firefox中的子元素略有差距。

我已经尝试了-moz-'css hacks'以便根据浏览器改变高度，但这似乎不起作用......我被困在想法中。

Firefox（差距）

Internet Explorer（无间隙）

用于更改高度差异的CSS代码。

.headerextend  {
    -moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;
    background: rgba(25, 25, 25, 0.7);
    width: 100%;
    height: 3.95em;
    position: fixed;
    z-index: 1;

“-moz-sizing”代码行只是我在搜索一个似乎没有诀窍的答案时离开另一个论坛的东西。

可以使用“height：3.95em;”更改下拉框高度CSS线。取决于它设置为3.95或4.05 ems将决定它将“工作”的浏览器。