html - Drop Down IE 8 and Below Not Working -


hi finished redesigning site include drop down menus, learned today ie 8 , below don't display them near correctly. displays fine knowledge on every other browser. don't know i've gone wrong, i've been debugging , haven't been able figure out.

any appreciated!

here jsfiddle html , css: http://jsfiddle.net/sctqy/

here link live site: http://www.hearditfrom.com

(this in js fiddle)

here html/php:

        <nav id="hb2_nav">        <ul>     <li><a class="hb2_nav" href="category.php">categories <span class="arrow-down"></span></a>     <ul class="drop-shadow">     <span class="category_column">     <li><a href="category.php?category=1">u.s.</a></li>     <li><a href="category.php?category=2">world</a></li>     <li><a href="category.php?category=3">business</a></li>     <li><a href="category.php?category=4">economy</a></li>     <li><a href="category.php?category=5">entertainment</a></li>     </span>     <span class="category_column">     <li><a href="category.php?category=6">health</a></li>     <li><a href="category.php?category=7">history</a></li>     <li><a href="category.php?category=8">odd news</a></li>     <li><a href="category.php?category=9">politics</a></li>     <li><a href="category.php?category=10">science</a></li>     </span>     <span class="category_column_last">     <li><a href="category.php?category=11">special reports</a></li>     <li><a href="category.php?category=12">sports</a></li>     <li><a href="category.php?category=13">technology</a></li>     </span>      </ul></li>     <li><a class="hb2_nav" href="">add </a></li>     <li><a class="hb2_nav" href="">edit </a></li>     </ul>     </nav>

here css:

   #hb2_nav    {      font-size:18px;      line-height: 55px;      float:right;      height:55px;      margin:0px;      margin-top:0px;      padding:0px;      display:inline;     }          #hb2_nav ul ul {         display: none;         color: #333;     }      #hb2_nav ul li:hover ul {         display: block;     }      #hb2_nav ul {         list-style: none;         position: relative;         display: inline-table;     }      #hb2_nav ul:after {         content: ""; clear: both; display: block;     }      #hb2_nav ul li {         float: left;     }     #hb2_nav ul li:hover {         background: none;     }     #hb2_nav ul li:hover {         text-decoration:none;         padding-left: 10px;         padding-right:10px;     }      #hb2_nav ul li {         text-decoration:none;         display: block; /*padding: 25px 40px;         color: #757575; text-decoration: none;*/     }      #hb2_nav ul ul {         background: #ffffff; /*#fff8f0;*/          border-radius: 0px;          padding: 0;         position: absolute;          top: 100%;         width:100%;         min-width:250px;         max-width: 400px;         z-index:10000;         border: 2px solid #999;     }      #hb2_nav ul ul:before {         content:"";         display:block;         width:0;         border:15px solid #999;         border-color:transparent transparent #999 transparent;         position:absolute;         bottom:100%;         left:20px;         margin-left:-10px;     }        #hb2_nav ul ul li {         float: none;          background: #ffffff;         width: 100%;         position: relative;         text-align:left;         font-size: 14px;         line-height: 24px;     }      #hb2_nav ul ul li {         color: #333;         padding: 10px 20px;     }     #hb2_nav ul ul li:hover {         background: #e8e8e8;     }

you used <nav> html5 element, not supported ie8 , below.

use html4.01 tags & javascript better support of older browsers.

reference: https://developer.mozilla.org/en-us/docs/web/html/element/nav


Comments

Post a Comment

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

i have android application, want convert blackberry 10 , google map needed in app,but blackberry 10 not support googlemap , blackberry developer web site supply way replace it.the sample below: @override public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.main); webview webview = (webview) findviewbyid(r.id.mywebview); webview.getsettings().setjavascriptenabled(true); webview.loadurl("http://maps.google.com/?ll=36.97, -122&lci=bike&z=13&t=p"); } i cannot understand it,i not know how add multiple markers on googlemap via url? can me? this worked me map shown in webview.
Read more

php - guestbook returning database data to flash -

i've been struggling problem long , unable make work, hope can me it. first, know php files correct , mysql database works fine. in flash, able submit comment database comments not display. did many tests such making returned_database flash separately , worked fine - can see old comments. long combine submitting 1 , returning 1 together, flash doesn't show comments more. put lower version flash effects on frame thinking doesn't collaborate returning flash, submitting flash works fine. since pretty complex problem hard me copy actionscript code because on different frames in flash. if has ideas fixing maybe can send file you?
Read more

delphi - Dynamic file type icon -

i want register file type in windows , make program delphi draw icon of file according contents (something custom icon format). how can this? thanks nortd , user539484 comments, searched internet "shell icon handler delphi" , found sample here , , shell+ components has component this.
Read more