مشکل منو در مرورگهای مختلف

[mahdivita]

سلام
داشتم یه منو میزدم که دیدم تو مرورگهای مختلف padding ها فرق داره
دلیل چیه؟
کدهاش :
#nav{
width: 100%;
height: 36px;
background-color: #fdaa48;
}
#nav ul li a {
color: #ffffff;
font-size: 13px;
}
#nav ul li {
float: right;
list-style: url(img/list.png);
/*padding: 10px;*/
padding: 10px 14px 10px 0px;
margin-left: 28px;
transition-duration: 0.2s, 0.2s;
transition: all linear 0.2s;
-o-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
-webkit-transition: all linear 0.2s;
-ms-transition: all linear 0.2s;
}
#nav ul li:hover {
background-color: #df7c08;
-moz-transition-duration: 0.2s, 0.2s;
-o-transition-duration: 0.2s, 0.2s;
-ms-transition-duration: 0.2s, 0.2s;
-webkit-transition-duration: 0.2s, 0.2s;
}
#nav ul {
line-height: 1;
}

[دانیال دزفولی]

* { margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

[mahdivita]

اینو نوشتم
اما درست نشد
تو کروم درسته اما توی فایرفاکس و اینترنت اکسپلورر از سمت راست padding بیشتری داره