Nav Bar problem in IE

You’re using padding to space-out your menu elements.
Internet Explorer handles padding differently.

If I were you, I would create a separate stylesheet for Internet Explorer 9, then add custom padding to that stylesheet.
In the header.php file, I would then use HTML’s conditional statements to call it in
https://www.quirksmode.org/css/condcom.html

Hi Andrew

I removed the padding and that solved it. Thanks!
Do you know how I can get the categories to spread out evenly on the navigation bar so that I don’t have an empty gap at the end?

Apply a width to each <li> element using the selector, #topMenu ul.sf-menu li.

You can only get so-far, if you use a width greater than 82 pixels, your menu expands onto two lines.
To circumvent this, I would then remove the appearance of the last list element to have no right border.

Can you add a class to the last element?
All you need to do then is add background-image: none on that last element.

Thanks for the help, a bit advanced for me, but I’m sure I’ll figure it out.