サンプルはCSSplay : http://www.cssplay.co.uk/menus/new-dropdown.html
方法1 - サブメニューを表示させるためにホバーを使用
方法2 - サブメニューを開くにはクリックして使用する（ipadやiphoneでは動作しないかも）
※方法2は<a tabindex="1" href="#url">tabindex属性を使用している。
tabindex属性を指定すると、Tabキーを押したときに要素が選択される順番を指定します。
値には、選択させたい順番を数値で記述します.（PCはIEもOK。ipadやiphone、アンドロイドでは動作しないかも）。