title: Wordpress Evenly Spaced Menu Wrong in Firefox
body: <p>Thanks to these forums I was able to find the proper code to get my wordpress menu to display evenly across the screen. The problem I'm having is with firefox on a display that is 1400x900. In google or IE it adjusts to the different screen resolution fine. In firefox the last two menu items end up on second row. The website address is: <a href="http://www.homeinsurance.svtwebdesign.com" rel="nofollow">http://www.homeinsurance.svtwebdesign.com</a></p>
  
  <p>Firefox looks like this:
  <a href="http://www.homeinsurance.svtwebdesign.com/wp-content/uploads/2016/01/Firefox.png" rel="nofollow">http://www.homeinsurance.svtwebdesign.com/wp-content/uploads/2016/01/Firefox.png</a></p>
  
  <p>My code is as follows: </p>
  
  <pre><code>ul#menu-mainmenu {
  display:table;
  width: 100%;
  margin:0 0;}
  ul#menu-mainmenu li {
   width: auto;              
   margin: 0 30px 0 20px;}
  </code></pre>
  
  <p>This was the only code I could get to work. Any assistance would be hugely appreciated. Thank you!</p>