/* ======================================= MOZILLA CSS ============================================================== */ #navContainer ul { /* all lists */ padding: 0; margin: 0; list-style: none; } #navContainer #li1 { /* all list items */ float: left; position: relative; width: 50px; } #navContainer #li2 { /* all list items */ float: left; position: relative; width: 46px; } #navContainer #li3 { /* all list items */ float: left; position: relative; width: 124px; } #navContainer #li4 { /* all list items */ float: left; position: relative; width: 35px; } #navContainer li .sl1 { /* second-level lists */ display: none; position: absolute; top: 1em; left: 0; background: #A3A3A3; padding: 10px 0 5px 5px; width: 100px; line-height: 20px; } #navContainer li .sl2 { /* second-level lists */ display: none; position: absolute; top: 1em; left: 0; background: #A3A3A3; padding: 10px 0 5px 5px; width: 120px; line-height: 20px; } #navContainer li .sl3 { /* second-level lists */ display: none; position: absolute; top: 1em; left: 0; background: #A3A3A3; padding: 10px 0 5px 5px; width: 68px; line-height: 20px; } #navContainer li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; } #navContainer li:hover ul, #navContainer li.over ul { /* lists nested under hovered list items */ display: block; } #navContainer #content { clear: left; } #navContainer { margin-left: 550px; text-align: left; }