I use the following HTML program for creating Horizontal menu bar with horizontal sub menu.It was working fine in Fire Fox and Chrome but it doesn't work in IE.So What are the changes are need changes in this program?\[code\]<html> <head> <style> /* Targeting both first and second level menus */#nav li { list-style:none; float: left; position: relative;}#nav li a { display: block; padding: 8px 12px; text-decoration: none;}#nav li a:hover { background-color:red; color:#FFF; opacity:1;}/* Targeting the first level menu */#nav { top:150px; min-width:850px; background:#fff; opacity:0.5; display: block; height: 34px; z-index: 100; position: absolute;}#nav > li > a {}/* Targeting the second level menu */#nav li ul { color: #333; display: none; position: absolute; width:850px;}#nav li ul li { display: inline;}#nav li ul li a { background: #fff; border: none; line-height: 34px; margin: 0; padding: 0 8px 0 10px;}#nav li ul li a:hover { background-color:red; color:#FFF; opacity:1;}/* Third level menu */#nav li ul li ul{ top: 0;}ul.child {background-color:#FFF; }/* A class of current will be added via jQuery */#nav li.current > a { background: #f7f7f7; float:left;}/* CSS fallback */#nav li:hover > ul.child { left:0; top:34px; display:inline; position:absolute; text-align:left;}#nav li:hover > ul.grandchild { display:block;} </style> </head> <body> <ul id="nav"> <li><a href="http://stackoverflow.com/questions/15491557/#">Home</a></li> <li> <a href="http://stackoverflow.com/questions/15491557/#">Products</a> <ul class="child"> <li><a href="http://stackoverflow.com/questions/15491557/#">Hard Drives</a></li> <li><a href="http://stackoverflow.com/questions/15491557/#">Monitors</a></li> <li><a href="http://stackoverflow.com/questions/15491557/#">Speakers</a> <ul class="child"> <li><a href="http://stackoverflow.com/questions/15491557/#">10 watt</a></li> <li><a href="http://stackoverflow.com/questions/15491557/#">20 watt</a></li> <li><a href="http://stackoverflow.com/questions/15491557/#">30 watt</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/15491557/#">Random Equipment</a></li> </ul> </li> <li> <a href="http://stackoverflow.com/questions/15491557/#">Services</a> <ul class="child"> <li><a href="http://stackoverflow.com/questions/15491557/#">Repairs</a></li> <li><a href="http://stackoverflow.com/questions/15491557/#">Installations</a></li> <li><a href="http://stackoverflow.com/questions/15491557/#">Setups</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/15491557/#">About</a></li> <li><a href="http://stackoverflow.com/questions/15491557/#">Contact</a></li></ul> </body> </html>\[/code\]
Horizontal menu bar with horizontal sub menu does not working in IE
- Thread starter d4rkn3sss
- Start date