IE and Opera trouble

I’m customizing the Pixel theme and I’m working on the header.php file right now. Everything looks good in FireFox, Safari, and Chrome, but in IE the links to my pages are centered a little too close to to my logo. In Opera the links are just a few pixels closer to the top, not a big deal but I’m sort of OCD and it bugs me. As for IE though, I cannot live with it and it must be changed!

How do I solve this problem for IE6 or greater? Here’s a link to my site. Just a reminder, I’m only working on the header (I know the rest of the site is a mess:).

This is the code for the navbar that is giving me trouble:

#navbar {
  text-align: right;
  width: 900px;
  margin: 0 auto;
  height: 50px;
  background-image: url(bcsnavbar.gif);
  }

#navbar ul {
  list-style: none;
  padding-top: 9px;
  padding-right: 4px;
  margin: 0;
  }

#navbar li {
  display: inline;
  margin: 0 6px;
  }