ドロップダウンメニューでの子メニューの表示

テーマは DesignMag を使用しています。
固定ページを３つ AAA aaa BBB つくり，ダッシュボード⇒外観⇒メニューで，
AAA
aaa
BBB
とし，aaa は子メニューだからということで，字下げのような感じで右に寄せました。
AAA
　　　aaa
BBB
とすれば，aaa は，ドロップダウンで表示されるものとばかりに思い込んでいましたが，表示の結果は，
　　　AAA aaa BBB
となって，ドロップダウンが効きませんでした。CSS は下のようになっていますが，読めないというか，ほとんど理解できません。

どのようにしたらドロップダウン表示が可能になるのでしょうか。お教え願います。

<br />
/* Menu Primary<br />
----------------------------*/</p>
<p>.menu-primary-container {<br />
    padding:0;<br />
    position:relative;<br />
    height: 44px;<br />
    background: url(images/menu-primary-bg.png) left top repeat-x;<br />
    z-index: 400;<br />
}</p>
<p>.menu-primary {<br />
} </p>
<p>.menu-primary li {<br />
    background: url(images/menu-primary-separator.png) right center no-repeat;<br />
} </p>
<p>.menu-primary ul {<br />
	min-width: 160px;<br />
}</p>
<p>/* First Level - Menu Primary */</p>
<p>.menu-primary li a {<br />
    color: #555555;<br />
    padding: 16px 15px 15px 15px;<br />
	text-decoration: none;<br />
    font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;<br />
    font-size: 15px;<br />
    /* font-size: 13px; */<br />
    text-transform: uppercase;<br />
    font-weight: normal;<br />
    margin: 0 3px 0 0;<br />
}</p>
<p>.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,<br />
.menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {<br />
    color: #A70336;<br />
    outline: 0;<br />
    background: url(images/menu-primary-bg.png) left -144px repeat-x;<br />
}</p>
<p>/* Child Levels - Menu Primary */</p>
<p>.menu-primary li li a {<br />
	color: #A70336;<br />
    text-transform: none;<br />
    background: #EBEBEB;<br />
    padding: 10px 15px;<br />
    margin: 0;<br />
    border: 0;<br />
    font-weight: normal;<br />
}</p>
<p>.menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus,<br />
.menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {<br />
	color: #fff;<br />
    background: #A80236;<br />
    outline: 0;<br />
    border-bottom:0;<br />
    text-decoration: none;<br />
}</p>
<p>/* Arrows Menu Primary */</p>
<p>.menu-primary a.sf-with-ul {<br />
    padding-right: 20px;<br />
    min-width: 1px;<br />
}<br />
.menu-primary  .sf-sub-indicator {<br />
    position: absolute;<br />
    display: block;<br />
    overflow: hidden;<br />
    right: 0;<br />
    top:  0;<br />
    padding: 15px 10px 0 0;<br />
}</p>
<p>.menu-primary  li li .sf-sub-indicator {<br />
    padding: 9px 10px 0 0;<br />
}</p>
<p>/* Shadows Menu Primary */</p>
<p>.wrap-menu-primary .sf-shadow ul {<br />
    background:	url('images/menu-primary-shadow.png') no-repeat bottom right;<br />
}<br />