Html IE和FF中菜单和子菜单之间不同大小的高度间隙

我的菜单有问题。Firefox和IE似乎有着不同的观点，对em有多大有着不同的看法？当Firefox在InternetExporer中看起来非常完美时，我在Firefox中的子元素还有一点空白

我尝试了-moz-“css hacks”，以根据浏览器更改高度，但这似乎不起作用。。。我被各种想法迷住了

火狐缺口

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大小的代码行只是我在另一个论坛上搜索答案时得到的东西，而这个答案似乎不起作用

---

下拉框高度可随高度变化：3.95em；一行CSS。根据其设置为3.95还是4.05，ems将决定它将在哪个浏览器中工作。

完全删除-moz部分会导致它不必要，并且在除Firefox之外的任何浏览器中都不工作。在任何情况下，您都没有显示足够的标记以获得帮助。@Rob这行代码根本无法解决问题，因此请忽略它。我之所以使用它，显然是因为IE从边框到边框测量对象的宽度，而Mozilla根据内容测量对象的宽度，所以我认为这可能是问题的解决方案。“边框框”设置允许在元素内部而不是外部填充和边框。假设您有一个50px的元素，它有10px的填充和1px的边框，那么该元素加起来的高度通常为61px。如果您设置了该属性，它将总共匹配50px的高度。@Natturton我只会将“em”用于内容而不是容器。你只需要使用像素点就可以了。