WordPress で Web サイト構築試行錯誤: CSS ドロップダウンメニューを半透明にしたい

WordPress の 2011 デフォルトテーマ Twenty Eleven の CSS ドロップダウンメニューを半透明にしてみます。

子テーマの style.css に以下を加えました。

/* ドロップダウンメニュー透過
----------------------------------------------- */
#access li:hover > a,#access ul ul :hover > a,#access a:focus {
   background:#333333;
   filter:alpha(opacity=70);
   -moz-opacity:.70;
   opacity:.70;
   color:#FFFFFF;
}

#access ul ul a {
   background: #000000;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
   color:#BBBBBB;
}

適用前。

適用後。