#user-nav { list-style: none; font-weight: bold; position: relative; padding: 0; } #user-nav ul { display: none; position: absolute; } #user-nav li { margin: 0 0 0 0; } #user-nav > li { margin-right: 20px; } #user-nav li a { padding: 10px 20px 10px; border-radius: 5px; background: white url('../img/overlay.png'); } #user-nav li ul { padding: 0; } #user-nav li ul li { display: inline; } #user-nav input[type="checkbox"]:checked + ul { display: block; background-color: white; border-radius: 5px; z-index: 99; } #user-nav a { display: block; text-decoration: none; color: #d64760; } #user-nav a:hover { color: black; transition-timing-function: linear transition-duration: 0.25s; } #user-nav label { margin: 0; } .vanish { /*position: absolute; left: -9999px;*/ display: none; } .red { background: rgba(255,0,0,0.2) url('../img/overlay.png') !important; }