コンテナを重ねる代わりにコンテナを展開するので、CSS メニューのドロップダウンに問題があります。おそらく非常に単純な見落としですが、答えが見つかりません（最も近い一致は、展開されていないli内のDivでしたが、サブメニュークラスに絶対位置を置くという提案は機能しませんでした）。また、JSはありません。
JSFiddle リンクは次のとおりです: http://jsfiddle.net/KNBLC/
HTML
<body>
<div class="secondary-content-6col">
<h1><span class="white">Headline</span></h1>
<ul class="yellow-call-to-action">
<li><a href="#">1. Select a Product <img src="../img/arrow-small.png" alt="arrow"/></a>
<ul>
<li><a href="#">Item 1</a>
</li>
<li><a href="#">Item 2</a>
</li>
<li><a href="#">Item 3</a>
</li>
</ul>
<!--- 1st column Footer -->
</li>
</ul>
</div>
<p> </p>