드롭 다운 메뉴에서 CSS 전용 테두리

Question

"기술"탭 위로 마우스를 가져 가면 드롭 다운 메뉴가 나타납니다. 그러나 탭의 오른쪽 하단에서 드롭 다운의 오른쪽 상단까지는 경계. 나는 css로 어떻게 이것을 할 수 있습니까? 아니면 JavaScript가 필요합니까?

dev site here

Answer 1

KI 내가 개방하면서 그냥 당신은 아마 슬라이드 완료 후 하위 메뉴로 경계 탑 스타일을 넣어 해결할 수있는, 조금 이상한 보이는

#menu .ddsmoothmenu li#menu-item-36 li:first-child { 
    margin-top: -1px; 
    border-top: 1px solid black; 
    z-index: 10 
} 

#menu .ddsmoothmenu li a { 
    font-family: 'Open Sans Condensed', sans-serif; 
    letter-spacing: 0.02em; 
    color: #816363; 
    font-size: 1.03em; 
    z-index: 30; 
} 

을 찾은 것 같아 .