Multilevel menu not working in FireFox
-
I have a very simple multi level css menu that doesn't work properly in firefor. The problem is that the when your put your mouse over a menu the sub menu doesn't show. Heres the Css file. /*============================================================================================================*/ #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; } #nav a { color: #656556; display: block; background: url(menu82.gif); padding: 0px 0 0 20px; display:block; } #nav a:hover { color: #474739; background: url(menu82.gif) 0 -32px; padding: 0px 0 0 20px; } #nav li{ float:left; position:relative; } #nav ul { position:absolute; display:none; width:10em; top:1.5em; } #nav li ul a{ width:12em; height:auto; float:left; } #nav ul ul{ top:auto; } #nav li ul ul { left:12.8em; margin:0px 0 0 10px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; } /*====================*/