Html CSS：导航条尺寸，IE，镀铬

我注意到了chrome、IE和mozilla之间的区别。我试图让我的导航栏看起来一样（只适合一行），但它在IE和mozilla中不起作用

这是它在mozilla和IE上的外观： 这是它在Chrome上的外观：

它的CSS代码：

#nav3 {
margin-top: 12px;
background-color: #F4F4F4;
overflow: hidden;
font-size: 14px;
}

#nav3 ul {
width: 100%;
margin: 0;
padding: 0;
display: table;
letter-spacing: -1em;
}

#nav3 ul .li3 {
display: inline-table;
list-style-type: none;
letter-spacing: normal;
}

.li3 a {
display: block;
text-decoration: none;
padding-top: 44px;
padding-bottom: 44px;
color: #000;
border: black solid 1px;
}

#beds {
padding-left: 40px;
padding-right: 40px;
}

#chairs {
padding-left: 45px;
padding-right: 45px;
}

#desks {
padding-left: 38px;
padding-right: 38px;
}

#mirrors {
padding-left: 32px;
padding-right: 32px;
}

#book {
padding-left: 11px;
padding-right: 11px;
}

#tables {
padding-left: 52px;
padding-right: 52px;
}

#dress {
padding-left: 13px;
padding-right: 23px;
}

#storage {
padding-left: 40px;
padding-right: 32px;
}

我也知道，当我识别navbar中的每个元素时，这并不是最好的情况，但我找不到任何解决方案，所以它们都处于这些精确的位置

---

我希望我清楚我的问题

使用带滚动的

空白：无换行

，或将宽度和填充设置为百分比。@adambuchanTransmish whitespace:属性无效。你能在navbar中为widht和paddin提供一些%的示例吗？是的，如果你提供HTML