My site looks how I want it to in all browsers except ie9 and earlier versions of ie. For instance, my menu is a horizontal layout, but in IE, each menu item is appearing lower than intended. They are still spaced horizontally, so the result looks kind of like a staircase, with each button appearing vertically lower than the last. Here is the code I used to create the menu:

<nav>

• Booster Kits
• Antenna Kits
• Accessories
• Find a Dealer
• How It Works
• Why Us
• Contact

</nav>

Here is the CSS I applied:

nav li a {
float: left;
margin: 20px 20px 25px 0;
font-size: 15px;
      border-right: 1px solid  #f47920; 
height: 24px;
padding: 10px 20px 0 0;
    }

I normally never have cross browser problems, which I think is due to using a CSS reset. For some reason this project is a disaster in IE9 and earlier. I dont even really know where to start.

The site can be viewed at: http://166.78.31.103/

All suggestions would be appreciated.

thanks