水平ナビゲーションバーの残りの部分を別の色に設定していますか？

Question

jsfiddleを作成しないように私に許してください。私はこれが経験豊かな人にとってはかなり簡単だと思います。 this siteで

、Iはhttps://www.wascc.com.au/wp-content/themes/WASCC/images/sign-shap.jpg黒ログインナビゲーションボタン（#menu-item-661）と同じ背景を有する、下の画像の緑色領域によって指定された領域を作ることを望みます。

#menu-item-661::after { 
    content: "<img src="images/sign-shap.jpg" width="100%" />" 
} 

は動作しませんでした、と：：

#menu-item-661::after { 
    content: "<li id="black-tab">&nbsp;</li>"; 
} 
#black-tab { 
    background-image: "images/sign-shap.jpg"; 
    width: auto;  
} 

しなかった私が試した

（サイト上の緑色領域は黄色です）仕事、および：

nav { 
    width: auto; 
} 

が動作しませんでした。

ヘルプありがとうございます。

Answer 1

このようなあなたのli要素に黄色の背景を追加：次に、あなたがちょうどあなたのスクリーンショットのようにそれを持っている

nav { 
height: 51px; 
    margin: 0; 
    background: url(images/sign-shap.jpg) repeat-x; 
    font: 16px/51px oswaldregular; 
    width: auto; 
} 

：

ul#menu-not-logged-in li { 
    font: 16px/51px oswaldregular; 
    color: #48391f; 
    background: url(/images/navi-shap.jpg) 0 0 no-repeat; 
    float: left; 
    text-transform: uppercase; 
    position: relative; 
    background: url(images/navigation-bg.jpg) repeat-x; 
} 

をし、このようにあなたの全体のNAVに黒の背景を追加

EDIT矢印：

#menu-not-logged-in li .sub-menu li::before { 
    content: "\203A"; 
    position: absolute; 
    color: white; 
    margin: -11px 0 0 10px; 
}