CSS：navbar调整IE，chrome

Question

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

这就是它在mozilla和IE上的表现：http://puu.sh/o8zxM/d44055d82c.png 这就是它在Chrome上的外观：http://puu.sh/o8zBw/a06f0437d1.png

它的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中识别每一个元素时，这不是最好的情况，但我找不到任何解决方案，所以他们站在那些确切的位置。

我希望我对自己的问题很清楚。