How to Build A WordPress Theme - Menu only showing correctly in Chrome.

Can you show your code for this? It's always easier to see what is going on.

it is the same code from the course http://teamtreehouse.com/library/how-to-build-a-wordpress-theme/converting-static-html-into-wordpress-templates/convert-blog-listing-and-single-post-templates-2 in project files.

The same thing happens with their finished code from the project files. Shows correctly in Chrome and then shows up wrong in Firefox

this is the PHP for the Nav

            <nav>
                                <?php

            $args = array(
                'menu' => 'main-menu',
                'echo' => false
                );

            echo strip_tags(wp_nav_menu( $args ), '<a>');

            ?>
            </nav>

=====this is the CSS=====

nav { display: -webkit-box; -webkit-box-orient:horizontal; padding: 2% 0; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;
margin: 2% 0 2% 0; }

nav a { font-family: 'GoudyRegular'; display:block; -webkit-box-flex:1; text-align:center; font-size: 1.25; color: #666; }

Are you getting in errors in the dev tools console in Chrome? Sounds like there is some CSS that isn't loading properly.

no i do not, here is the link http://ballisondesign.com/blog/

OK, I see the problem. This is a CSS error, change the following code:

nav { display: -webkit-box; }

nav a { display: block;  text-align: center;  font-size: 1.25; }

========================================================================

nav { display: block; text-align: center; } 

nav a { font-size: 1.25em; margin: 95px; }

That just breaks it in all browsers.