#dropmenu{ list-style-type: none; width: 101%; height: 45px; margin: 30px auto 30px; padding: 0; background: sandybrown; border-bottom: 5px solid mistyrose; } #dropmenu li{ position: relative; width: 16.5%; float: left; margin: 0; padding: 0; text-align: center; } #dropmenu li a{ display: block; margin: 0; padding: 15px 0 11px; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; text-decoration: none; } #dropmenu li ul{ list-style: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; border-radius: 0 0 3px 3px; } #dropmenu li:last-child ul{ left: -50%; width: 100% } #dropmenu li ul li{ overflow: hidden; width: 150%; height: 0; color: white; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; } #dropmenu li ul li a{ padding: 13px 15px; background: sandybrown; text-align: left; font-size: 13px; font-weight: normal; } #dropmenu li:hover > a{ background: salmon; color: white; } #dropmenu > li:hover > a{ border-radius: 3px 3px 0 0; } #dropmenu li:hover ul li{ overflow: visible; height: 38px; border-top: 1px solid mistyrose; border-bottom: 1px solid mistyrose; } #dropmenu li:hover ul li:first-child{ border-top: 0; } #dropmenu li:hover ul li:last-child{ border-bottom: 0; } #dropmenu li:hover ul li:last-child a{ border-radius: 0 0 5px 5px; }