Wysuwane menu z css3 bez jquery na mobile?

[HTML] pobierz, plaintext 
<ul id='menu'>
                <li id='poziom'><a href="#">Opcja 1</a>
                    <ul id='submenu'>
                        <li><a href="#">Opcja 1.1</a></li>
                        <li id='poziom'><a href="#">Opcja 1.2</a></li>  
                    </ul> 
                    </li> 
            </ul>
[HTML] pobierz, plaintext 

Czy wystarczy, że zrobię z użyciem :hover?
Czy coś jeszcze?

Chodzi mi o to, by po kliknięciu w "id='menu'" wysuwało mi się "id='submenu'", żeby to działało na mobile (smartfonach, ipchonach, itp.)

:focus, bo jak obsłużysz :hover na urządzeniach dotykowych?

W ogóle, to menu rozwijane na smartfonach, to trochę kiepski pomysł.