Lista HTML

Bom dia pessoal. Tenho uma lista html da seguinte forma:

<ul>
 <li>item1</li>
 <li>item1</li>
 <li>item1</li>
 <li>item1</li>
</ul>

Só que eu gostaria que ficasse aparecendo somente o "Item1" e quando passasse o mouse em cima, aparecesse para baixo os outros itens. Como se fossem submenus.

Aguém pode me ajudar a fazer isso somente com CSS?

Desde já agradeço.