워드 프레스 메뉴 UL 높이

Question

나는 내 자신의 UL을 코딩하는 꽤 좋은 경험을 가지고 있지만 나는 상대적으로 워드 프레스에 익숙하다. 특히 html을 볼 수 없을 때 뒤로 작업하는 것을 혼란스럽게합니다. 어쨌든 나는 cufon WP 플러그인을 사용하여 메뉴에서 글꼴을 변경합니다. 하지만 .... 글꼴을 원하는 크기로, 그것은 목록 항목뿐만 아니라 a : hover를 축소합니다. 덧붙여서 나는 패딩에 어색함이있다. 그러나 나는 그것을 발견 할 수 없다. 당신은 내가 여기 http://www.thedailyminx.com

메뉴의 CSS

#navbar { 
    float: left; 
    display: block; 
    background: #bfbcc6; 
    color: #000000; 
    width: 978px; 
    height: 30px; 
    font-size: 25px; 
    font-family: 'jc-hand'; 
    margin: 15px auto 15px; 
    padding: 0px 0px 0px 0px; 
    border: 1px solid #DDDDDD; 
    position: relative; 
    z-index: 9; 
    } 

/*** ESSENTIAL STYLES ***/ 
.menu, .menu * { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    } 
.menu { 
    line-height: 1.0; 
    } 
.menu ul { 
    margin: 0px; 
    padding: 0px; 
    } 
.menu ul ul, ul.menu ul { 
    position: absolute; 
    top: -9999px; 
    width: 160px; /* left offset of submenus need to match (see below) */ 
    } 
.menu ul li ul li, ul.menu ul li { 
    width: 100%; 
    margin: 0px 0px 0px 0px; 
    } 
.menu li:hover { 
    visibility: inherit; /* fixes IE7 'sticky bug' */ 
    } 
.menu li { 
    float: left; 
    display: inline-block; 
    position: relative; 
    } 
.menu a { 
    display: inline-block; 
    position: relative; 
    } 
.menu li:hover ul, 
.menu li.sfHover ul { 
    left: 0; 
    top: 30px; /* match top ul list item height */ 
    z-index: 99; 
    } 
ul.menu li:hover li ul, 
ul.menu li.sfHover li ul { 
    top: -9999px; 
    } 
ul.menu li li:hover ul, 
ul.menu li li.sfHover ul { 
    left: 160px; /* match ul width */ 
    top: 0; 
    } 
ul.menu li li:hover li ul, 
ul.menu li li.sfHover li ul { 
    top: -9999px; 
    } 
ul.menu li li li:hover ul, 
ul.menu li li li.sfHover ul { 
    left: 160px; /* match ul width */ 
    top: 0; 
    } 

/*** SKIN ***/ 
.menu .current_page_item a, 
.menu .current_page_ancestor a, 
.menu .current-menu-item a, 
.menu .current-cat a { 
    background: #333333; 
    color: #FFFFFF; 
    border-left: 1px solid #333333; 
    border-right: 1px solid #333333; 
    } 
.menu li .current_page_item a, .menu li .current_page_item a:hover, 
.menu li .current-menu-item a, .menu li .current-menu-item a:hover, 
.menu li .current-cat a, .menu li .current-cat a:hover { 
    background: #333333 !important; 
    color: #FFFFFF !important; 
    border-left: none; 
    border-right: none; 
    } 
.menu { 
    float: left; 
    margin-bottom: 0; 
    } 
.menu a { 
    color: #000000; 
    background: none; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 12px 0px 12px; 
    text-decoration: none; 
    letter-spacing: 0.1px; 
    line-height: 30px; 
    border-right: 1px solid #DDDDDD; 
    border-left: 1px solid #FFFFFF; 
    } 
.menu li li a { 
    display: block; 
    background: #F5F5F5 !important; 
    color: #000000 !important; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 10px 0px 10px; 
    font-size: 25px; 
    line-height: 30px; 
    text-decoration: none; 
    text-transform: none; 
    text-shadow: none; 
    letter-spacing: 0px; 
    border-right: none !important; 
    border-left: none !important; 
    } 
.menu li, .menu li li, .menu li li li { 
    background: none; 
    margin: 0px; 
    padding: 0px; 
    } 
.menu li:hover, .menu li.sfHover { 
    margin: 0px; 
    padding: 0px; 
    } 
.menu a:focus, .menu a:hover, .menu a:active { 
    background: #333333; 
    color: #FFFFFF; 
    border-right: 1px solid #333333; 
    border-left: 1px solid #333333; 
    outline: 0; 
    } 
.menu li li:hover, .menu li li.sfHover { 
    margin: 0px; 
    padding: 0px; 
    } 
.menu li li a:focus, .menu li li a:hover, .menu li li a:active { 
    background: #EEEEEE !important; 
    color: #333333 !important; 
    border: none; 
    outline: 0; 
    } 

이 사람이 나를 도울 수 있습니다 여기에 무슨 뜻인지 볼 수 있습니까? 감사 그렉

Answer 1

도랑 cufon의 인라인 height 스타일과 30px