I am working on a simple website; however, I am having an issue getting the nav bar to appear the same in IE as it correctly does in Firefox. In IE, the nav bar stays to the left and does not center, but in Firefox the nav bar looks great. How can I make it appear correctly in both browsers? Thanks for any help. Here is the code for the nav bar:

#navbar {
  width: 800px;
  float: left;
  overflow: hidden;
}
#navbar ul {
  list-style: none;
  margin: 0;
  /*padding: 0 0 0 22px; */
}
#navbar ul li {
  padding:0;
  width: 120px;
  float: left;
}
#navbar ul li a {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  font-family: Georgia, “Times New Roman”, Times, serif;
  border: 1px outset #CCC;
  background: #003344;
  color: #FFF;
  width: 120px;
  float: left;
  display: block;
  text-decoration: none;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 5px;
  padding-left: 0;
}
#navbar ul li a:hover {
  background-color: #dd7700;