.taskbar { display: none; position: absolute; right: 0.5em; bottom: 0em; left: 0.5em; margin: 0; padding: 0; border: 1px outset #0099cc; -moz-border-radius: 8px; height: 1em; overflow: hidden; z-index: 5; background-color: #0099cc; } .taskbar:hover { height: 3.5em; overflow: visible; } .taskbar li { position: relative; padding: 0; margin: 0; height: 100%; width: 9em; float: left; list-style-type: none; } .taskbar li:hover { width: 14em; } .taskbar>li:first-child>a { -moz-border-radius: 8px 0 0 8px; } .taskbar li li:first-child>a { -moz-border-radius: 8px 8px 0 0; } .taskbar>li a { border-right: 1px solid white; } .taskbar li a { display: block; margin: 0; color: #0099cc; font-size: 2.1em; width: 100%; text-align: center; position: absolute; bottom: 0; text-decoration: none; padding-bottom: 0.3em; padding-top: 0.2em; } .taskbar:hover li a { color: white; } .taskbar li:hover>a { color: #0099cc; background-color: white; text-decoration: underline; border: 1px solid #0099cc; margin: -1px; font-weight: bold; } .taskbar li ul { display: none; position: absolute; padding: 0; margin: -1px; bottom: 100%; width: 100%; background-color: #0099cc; -moz-border-radius: 8px 8px 0 0; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; } .taskbar li:hover>ul { display: block; } .taskbar li ul li:first-child { border-top: 0px; } .taskbar li ul li { position: relative; height: 3em; width: 100%; padding-top: 0.3em; border-top: 1px solid white; } .taskbar li ul ul { bottom: 0; left: 100%; -moz-border-radius: 8px 8px 8px 8px; margin: 0px; } .taskbar ul li li:last-child>a { -moz-border-radius: 0 0 8px 8px; }