ワードプレスメニューULの高さ

Question

私は自分のULをコーディングするかなり良い経験を持っていますが、私はワードプレスには比較的新しいです。特に私がhtmlを見ることができないときに、私に後方に働くことを混乱させます。とにかく私はcufon WPプラグインを使ってメニューのフォントを変更しています。しかし....私はフォントをしたいサイズでは、それはリスト項目だけでなく、：ホバーを縮小します。詰め物には何かがありますが、私はそれを見つけることができません。あなたは、私がここに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