css - フォームのドロップダウンメニューの背景

Question

ここにドロップダウンメニューが表示されていますhttp://jsfiddle.net/aRzUM/3/

問題は、灰色のsuppメニューレジスタの背景が正しく機能しないことです。ここで私が間違っていることを教えてください。

前もって感謝します。

Answer 1

liサブメニューの高さをリセットする必要があります。次の一連のルールを継承しています。

#header .auth-row ul li {
    display: block;
    float: left;
    height: 39px;
    list-style: none outside none;
}

高さをリセットするには、次のルールを追加します。

#header .auth-row ul li li {
  height:auto;
}

Answer 2

から背景、境界線、および影のルールを削除し、ul代わりにformそれ自体に適用します。

#btn-login form {
    background: #ddd url(img/gradient.png) repeat-x 0 0;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    box-shadow: 0 1px 3px rgba(0,0,0, .3);   
}

デモ

</ p>