* { margin:0; padding:0; list-style:none; text-decoration:none } .box { position:relative; width:220px; margin:60px auto; padding:50px 0; border:1px solid red; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; bordere-radius:10px; background-color:#fff; } .box li { position:relative; z-index:2; } .box li a { display:block; height:40px; margin:0 16px; color:#666; line-height:40px; text-align:center; } .box li a:hover { color:#FF5F3E; } .box li.active a { color:#FF5F3E; } .box .mouse { position:absolute; top:50px; left:-5px; z-index:1; width:220px; height:40px; background:#F8F8F8; border-left:5px solid pink; }