WordPress.org

1. udt123
   Member
   Posted 2 years ago #

   Hey guys,

   Does anybody know how to fix the IE double navigation menu bug?
   The website is : yentrepreneur.com

   The css code for the nav bar is:

   #navbar {
   background: #333;
   width: 960px;
   float: left;
   height: 40px;
   color: #FFFFFF;
   margin: -20px auto 30px;
   padding: 0px 0px 0px 0px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   }

   #navbarleft {
   width: 740px;
   float: left;
   margin: 0px 0px 0px 10px;
   padding: 0px;
   }

   #navbarright {
   width: 160px;
   float: right;
   margin: 0px;
   padding: 2px 0px 0px 0px;
   }

   #nav {
   margin: 0px;
   padding: 0px;
   }

   #nav ul {
   float: left;
   list-style: none;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   }

   #nav li {
   float: left;
   list-style: none;
   margin: 0px;
   padding: 0px;
   }

   #nav ul li {
   list-style: none;
   margin: 0px 0px 0px -1px;
   padding: 0px;
   }

   #nav li a, #nav li a:link {
   color: #ffffff;
   display: block;
   font-size: 14px;
   margin: 0px 0px 0px 0px;
   padding: 12px 20px 12px 20px;
   border-right: 1px solid #eeedec;
   text-decoration: none;
   }

   #nav li a:hover, #nav li a:active {
   background: #222222 url(styles/blue/images/navhov.png);
   color: #FFFFFF;
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 12px 20px 12px 20px;
   text-decoration: none;
   }

   #nav li li a, #nav li li a:link, #nav li li a:visited {
   opacity: .90;
   filter: alpha(opacity=90);
   background: #161A23;
   width: 170px;
   color: #CCCCCC;
   float: none;
   margin: 0px;
   padding: 7px 10px 7px 10px;
   border-bottom: 1px solid #2B3349;
   border-left: 1px solid #2B3349;
   border-right: 1px solid #2B3349;
   }

   #nav li li a:hover, #nav li li a:active {
   background: #2E3750;
   color: #FFFFFF;
   padding: 7px 10px 7px 10px;
   }

   #nav li ul {
   z-index: 10;
   position: absolute;
   left: -999em;
   height: auto;
   width: 190px;
   margin: 0px;
   padding: 0px;
   }

   #nav li li {
   }

   #nav li ul a {
   width: 160px;
   }

   #nav li ul a:hover, #nav li ul a:active {
   }

   #nav li ul ul {
   margin: -31px 0 0 192px;
   }

   #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -999em;
   }

   #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
   left: auto;
   }

   #nav li:hover, #nav li.sfhover {
   position: static;
   }

   #nav .current_page_item a {
   background: #222222 url(styles/blue/images/navhov.png);
   color: #FFFFFF;
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 12px 20px 12px 20px;
   text-decoration: none;
   }

   Thanks in advance!

   D

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Please don't post huge chunks of CSS here. For larger blocks of code, use the WordPress pastebin and post the pastebin url here. For CSS issues, the only thing that is needed is the site url.

   There's also no such thing as an "IE double navigation menu bug" that I've come across. What you do have are a number of markup validation errors and a couple of CSS parse errors. If correcting these doesn't fix your IE problem, then you may need to look at conditional comment CSS.

Topic Closed

This topic has been closed to new replies.