title: Wordpress horizontal menu appear vertical in IE
body: <p>My wordpress site working fine with all browser except Internet Explorer. In internet explorer 8, all my menu shows vertical and my original menu is horizontal,</p>
  
  <p>And all bowser like chrome and firefox shows perfect but not IE</p>
  
  <p>Take a look here with IE 8 : <a href="http://www.booksofvirtue.com/" rel="nofollow">http://www.booksofvirtue.com/</a></p>
  
  <p>css - </p>
  
  <pre><code>.main-navigation {
  margin: 0 auto;
  max-width: 66.75;
  min-height: 45px;
  position: relative;
  }
  
  ul.nav-menu,
  div.nav-menu &gt; ul {
  margin: 0;
  padding: 15px 0px 0 0;
  text-align: right;
  }
  
  .nav-menu li {
  display: inline-block;
  position: relative;
  }
  
  .nav-menu li a {
  color: #3b3b3d;
  display: block;
  font-size: 16px;
  font-family: 'Archivo Narrow', sans-serif;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px;
  text-decoration: none;
  }
  
  .nav-menu li:hover &gt; a,
  .nav-menu li a:hover {
  border-bottom: 0px solid #e9e9e9;
  }
  
  .nav-menu .sub-menu,
  .nav-menu .children {
  -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
  box-shadow:0 0px 8px rgba(0,0,0,0.2);
  background:#fff;
  display: none;
  padding: 0;
  position: absolute;
  left: -25px;
  color: #3b3b3d;
  z-index: 99999;
  text-align: left;
  }
  
  .nav-menu .sub-menu ul,
  .nav-menu .children ul {
  border-left: 0;
  left: 145px;
  top: 0;
  }
  
  ul.nav-menu ul a,
  .nav-menu ul ul a {
  color: #3b3b3d;
  margin: 0;
  width: 160px;
  border-bottom: 1px solid #ccc;
  }
  
  ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
  color: #fff;
  border-bottom: 1px solid #ccc;
      -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-delay: 0s; /* W3C and Opera */
  -moz-animation-delay: 0s; /* Firefox */
  -webkit-animation-delay: 0s; /* Safari and Chrome */
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -ms-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  -ms-animation-duration:1s;
  -o-animation-duration:1s;
  animation-duration:1s;
  
  }
  
  ul.nav-menu li:hover &gt; ul,
  .nav-menu ul li:hover &gt; ul {
  display: block;
  }
  
  .menu-toggle {
  display: none;
  }
  </code></pre>
  
  <p>and  </p>
  
  <p>Header.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html &lt;?php language_attributes(); ?&gt;&gt;
  &lt;head&gt;
  
  &lt;!--  Basic Page Needs --&gt;
  &lt;meta charset="&lt;?php bloginfo( 'charset' ); ?&gt;" /&gt;
  &lt;title&gt;&lt;?php global $page, $paged;
      wp_title( '', true, 'right' );
      ?&gt;&lt;/title&gt;
  &lt;meta name="description" content=""&gt;
  &lt;meta name="author" content=""&gt;
  
  &lt;!-- Favicon --&gt;
  &lt;?php if ( ot_get_option('wpl_favicon') ) { ?&gt;
      &lt;link rel="shortcut icon" href="&lt;?php echo ot_get_option('wpl_favicon');  ?    &gt;"&gt;
      &lt;link rel="apple-touch-icon" href="&lt;?php echo ot_get_option('wpl_favicon');   ?&gt;" /&gt;
  &lt;?php } ?&gt;
  
  &lt;!-- Mobile Specific Meta --&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-   scale=1"&gt;
  
  &lt;!-- CSS --&gt;
  &lt;link rel="stylesheet" type="text/css" media="all" href="&lt;?php bloginfo(  'stylesheet_url' ); ?&gt;" /&gt;
  &lt;?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?&gt;
  &lt;?php wp_head(); ?&gt;
  
  
  &lt;/head&gt;
  &lt;body &lt;?php body_class(); ?&gt;&gt;
  &lt;div id="page"&gt;
  
      &lt;!-- Toolbar --&gt;
      &lt;div id="toolbar"&gt;
          &lt;div class="container_16"&gt;
  
              &lt;div class="grid_16"&gt;
  
  
                      &lt;?php
                          if ( has_nav_menu( 'language' ) ) { 
                              wp_nav_menu( array('depth' =&gt; '3', 'theme_location' =&gt; 'language' ));
                      } ?&gt; 
  
  
                  &lt;ul class="tb-list"&gt;
                      &lt;?php if ( ot_get_option('wpl_phone_number') != "") { ?&gt;
                          &lt;li class="phone"&gt;&lt;a href="tel:&lt;?php echo ot_get_option('wpl_phone_number') ?&gt;" &gt;&lt;?php _e('Tel.:', 'wplook'); ?&gt;&lt;?php echo ot_get_option('wpl_phone_number') ?&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;?php } ?&gt;
  
                      &lt;?php if ( ot_get_option('wpl_rss_link') != "") { ?&gt;
                          &lt;li class="rss"&gt;&lt;a href="&lt;?php echo ot_get_option('wpl_rss_link') ?&gt;"&gt;&lt;i class="icon-feed2"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;?php } ?&gt;
  
                      &lt;?php if ( ot_get_option('wpl_contact_page_link') != "") { ?&gt;
                          &lt;li class="contact"&gt;&lt;a href="&lt;?php echo get_page_link(ot_get_option('wpl_contact_page_link')); ?&gt;"&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;?php } ?&gt;
  
                      &lt;?php if ( ot_get_option('wpl_contact_email') != "") { ?&gt;
                          &lt;li class="contact"&gt;&lt;a href="mailto:&lt;?php echo ot_get_option('wpl_contact_email'); ?&gt;"&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;?php } ?&gt;
  
                      &lt;?php if ( ot_get_option('wpl_group_icons') != "off") { ?&gt;
  
                          &lt;?php $toolbar_share = ot_get_option( 'toolbar_share', array() ); ?&gt;
                          &lt;?php if( $toolbar_share ) : ?&gt;
                              &lt;li class="share"&gt;&lt;a href="#"&gt;&lt;i class="icon-share"&gt;&lt;/i&gt;&lt;/a&gt;
                                  &lt;ul class="share-items radius-bottom"&gt;
                                      &lt;?php foreach( $toolbar_share as $item ) : ?&gt;
                                          &lt;li class="share-item-&lt;?php echo $item['wpl_share_item_icon']; ?&gt; radius"&gt;&lt;a target="_blank" title="&lt;?php echo $item['wpl_share_item_name']; ?&gt;" href="&lt;?php echo $item['wpl_share_item_url']; ?&gt;"&gt;&lt;i class="&lt;?php echo $item['wpl_share_item_icon']; ?&gt;"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                                      &lt;?php endforeach; ?&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                          &lt;?php endif; ?&gt;
  
                      &lt;?php } else { ?&gt;
  
  
                          &lt;?php $toolbar_share =   ot_get_option( 'toolbar_share', array() ); ?&gt;
                          &lt;?php if( $toolbar_share ) : ?&gt;
                              &lt;?php foreach( $toolbar_share as $item ) : ?&gt;
                                  &lt;li class="share-item-&lt;?php echo $item['wpl_share_item_icon']; ?&gt; mt"&gt;&lt;a target="_blank" title="&lt;?php echo $item['wpl_share_item_name']; ?&gt;" href="&lt;?php echo $item['wpl_share_item_url']; ?&gt;"&gt;&lt;i class="&lt;?php echo $item['wpl_share_item_icon']; ?&gt;"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;?php endforeach; ?&gt;
                          &lt;?php endif; ?&gt;
  
                      &lt;?php } ?&gt;
  
                      &lt;?php if ( ot_get_option('wpl_search_form')  == "on") { ?&gt;
                          &lt;li class="search"&gt;&lt;a href="#"&gt;&lt;i  class="icon-search"&gt;&lt;/i&gt;&lt;/a&gt;
                              &lt;ul class="search-items  radius-bottom"&gt;
                                  &lt;li&gt;
                                      &lt;div  class="search-form"&gt;
                                           &lt;form role="search" method="get" id="searchform" action="&lt;?php echo home_url( '/' ); ?&gt;"&gt;
                                               &lt;div&gt;
                                                   &lt;input type="text" value="&lt;?php _e('Search for...', 'wplook'); ?&gt;" name="s" id="s" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/&gt;
                                                   &lt;input type="submit" id="searchsubmit" value="Search" /&gt;
                                               &lt;/div&gt;
                                           &lt;/form&gt;
                                      &lt;/div&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                      &lt;?php } ?&gt;
  
                      &lt;?php if ( ot_get_option('wpl_donete_link')  != "") { ?&gt;
                          &lt;li class="donate"&gt;&lt;a href="&lt;?php echo ot_get_option('wpl_donete_link') ?&gt;"&gt;&lt;?php _e('Donate', 'wplook'); ?&gt; &lt;i class="icon-heart"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;?php } ?&gt;
  
                  &lt;/ul&gt;
                  &lt;div class="clear"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /#toolbar --&gt;
  
      &lt;header id="branding" class="site-header" role="banner"&gt;
          &lt;div id="sticky_navigation"&gt;
              &lt;div class="container_16"&gt;
                  &lt;hgroup class="fleft grid_5"&gt;
                          &lt;h1 id="site-title"&gt;
                              &lt;a href="&lt;?php echo  esc_url( home_url( '/' ) ); ?&gt;" title="&lt;?php echo esc_attr( get_bloginfo( 'name', 'display'  ) ); ?&gt; - &lt;?php bloginfo('description'); ?&gt;" rel="home"&gt;
                          &lt;?php
                          if ( ot_get_option('wpl_logo') != ''){?&gt;
                                  &lt;img src="&lt;?php     echo ot_get_option('wpl_logo'); ?&gt;"&gt;
                              &lt;?php } else {
                                  bloginfo('name');
                              }?&gt;
                          &lt;/a&gt;&lt;/h1&gt;
                              &lt;h2 id="site-description"&gt;    &lt;?php bloginfo('description'); ?&gt;&lt;/h2&gt;
                  &lt;/hgroup&gt;
  
                  &lt;nav role="navigation" class="site-navigation main-navigation grid_11" id="site-navigation"&gt;
                      &lt;?php wp_nav_menu( array('menu_class' =&gt; 'nav-menu',  'theme_location' =&gt; 'primary' )); ?&gt;
                  &lt;/nav&gt;
  
                  &lt;!-- Mobile navigation --&gt;
  
                  &lt;div class="grid_16 mob-nav"&gt;&lt;/div&gt;
  
                  &lt;!-- .site-navigation .main-navigation --&gt;
                  &lt;div class="clear"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/header&gt;
      &lt;!-- #masthead .site-header --&gt;
  </code></pre>