Internet Explorer & Google Chrome Incompatible Bug

Hi,

I’m using a custom template and now the problem is “The theme is compatible with firefox but incompatible with google chrome and internet explorer 6,7,8”

I’m saying about the Navigation Bar in the blog.

I commonly used #nav {
background: url(“img/nav.png”) repeat-x scroll 0 0 transparent;
float: left;
height: 21px;
list-style: none outside none;
padding: 4.5px 0;
width: 987px;
}
#nav a {
color: #004276;
float: left;
font-size: 14px;
padding: 1px 0 0 18px;
}

but google chrome requires 22px and internet explorer also requires 22px with list-style outside..

For Clarification, Checkout https://www.ec-tech.info in google chrome, firefox and ie 6,7,8

Do i need to code separately and how to code for it ???

Please help me !!