CSS Horizontal sub menu - IE 6,7 both dont working, tried with whatever hover -


I'm not an expert about CSS menus but I have a basic system for creating CSS menus. This time it is not working

site is please check this site

This menu works with all other latest browsers but IE 6AM ; 7. I know that IE6 does not support hovering and leaving the anchor. So before that I was using whatever hover. But this time it is not working and even with IE7. I do not know why this is happening, there may be some problem with my CSS. Please check the CSS.

If you do not have IE 6 or 7 installed, you can walk with one. There is a need to install a plugin.

I'm using CSS for the menu

 . Glossymenu {background: # B4B3B3; Height: 30px; Width: 100%; Padding: 0; Margin: 0; Display: inline-block; Status: Relative; } .glossymenu ul {catalog-style: none; Padding: 0 pixels; Margin: 0; Padding-left: 0 pixels; }. Glossymenu li ul {display: none; Status: Completed; Width: 80%; Top: 30px; Left: 0px; Background color: # 5B0C10; Border: 0px; Z-index: 99; } .Glossaimenu Lee Leah {Padding: 0 px 10 px 0 px 10px; }. Glossymenu li li a: hover {background: # 871016; } Glossaimenu Lee {float: left; Padding: 0; } Glossaimenu Lee a {float: left; Display area; Status: Relative; Color: #fff; Text-decoration: None; Font-family: sans-serif; Font size: 13px; font-weight: bold; Padding: 0 0 16 px; / * Padding to adjust left tab image * Do not change / height: 30px; Line-height: 30px; Text align: center; Cursor: indicator; } Glossaimenu Lee a B {float: left; Display area; Padding: 0 24px 0 8px; / * Padding of menu item * Glossacien Lee. A.G., Gostemenu Lee A: Hover {Color: #FFF; Background: # 5B0C10; Background-position: left; Text-decoration: None; }. Glossymenu li a: visited {text-decoration: none; }. Glossymenu ul li: Hover UL {display: block; } I did not get the problem but I have set up the menu with custom javascript code.  

.

  sfHover = function () {var sfEls = document.getElementById ("glossymenu"). GetElementsByTagName ("LI"); (Var i = 0; i & lt; sfEls.length; i ++) {sfEls [i] .onmouseover = function () {this.className + = "over"; } SfEls [i] .onmouseout = function () {this.className = this.className.replace (new RegExp ("over \\ b"), ""); }}} If (window.attachEvent) window.attachEvent ("Onload", sfHover);  

People are also facing the same problem. It can be useful thanks.


Comments

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

php - multilevel menu with multilevel array -

jQuery UI: Datepicker month format -