検索バーの高さは変更されません

Question

Wordpressを使用してテンプレートを作成していますが、これまでのところ基本的なHTML、CSS、PHPが使用されていましたが、現在ヘッダーのCSSに1つ問題があります。

It currently looks like this.検索バーが正しい位置に移動し、背景が正しい色で塗りつぶされますが、高さは変化しません。左に斜めのボックスをマッチさせるために、それ自身の上に赤い詰め物があることを望みます。私は高さを変更しようとしましたが、それは単にページの下に向かって下がるようになり、上の境界線かまったくまわりが何もしません。この検索ボックスのCSSに何が間違っていますか？

ここに検索ボックスのCSSコードがあります。

/* Top search */ 

#nav-search { 

    background-color:#990000; 

    width: 250px; 

    display: block; 

    height: 30px; 

    line-height: 16px; 

    position: absolute; 

    right: 0px; 

    top: -22px; 

} 

#nav-search label { 

    display: none; 

} 

#s, 
#searchsubmit { 

    border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 

} 

#s { 

    border: 1px solid #000099; 

    font-size: 11px; 

    height: 15px; 

    padding: 4px 5px 2px; 

    width: 130px; 

} 
#nav-search #s { 

    border-color: #000099; border-bottom-color: #0000BE; border-right-color: #000099; 

} 

#searchsubmit { 

    background: #669900 url(img/button-style-input.png) center left repeat-x; 

    border: 1px solid #666; 

    color: #fff; 

    font-size: 11px; 

    height: 23px; 

    letter-spacing: 1px; 

    line-height: 20px; 

    padding: 0 5px; 

    -moz-box-shadow: 0px 0px 1px #fff; 

    -webkit-box-shadow: 0px 0px 1px #fff; 

} 

/* Fixes Firefox 2 and 3 */ 

#searchsubmit, x:-moz-any-link { 

    padding: 0 5px 3px; *padding: 0 5px; 

} 

Answer 1

これはhttp://new-wav.com/ための同じサンプルである場合は、編集＃1のnav-検索次へを：

• は
• トップの位置を調整し、これが可能パディングトップ

希望を追加センス