Menu despegable con solo css

[C2am]

Hola
Primero corrige el error que tienes en el menú: una lista tiene esta estructura <ul><li></li></ul> y no <li><ul></ul></li>

Código HTML:

<div id="menu">
 
          <div class="left">
 
            <li class="cat-item cat-item-1"><a href="http://www.seravifer.familiapixel.com/category/sin-categoria/" title="Ver todas las entradas archivadas en Sin categoría">Sin categoría</a>
<ul class='children'>
    <li class="cat-item cat-item-3"><a href="http://www.seravifer.familiapixel.com/category/sin-categoria/1/" title="Ver todas las entradas archivadas en 1">1</a>
</li>
    <li class="cat-item cat-item-4"><a href="http://www.seravifer.familiapixel.com/category/sin-categoria/2/" title="Ver todas las entradas archivadas en 2">2</a>
</li>
    <li class="cat-item cat-item-5"><a href="http://www.seravifer.familiapixel.com/category/sin-categoria/3/" title="Ver todas las entradas archivadas en 3">3</a>
    <ul class='children'>
    <li class="cat-item cat-item-6"><a href="http://www.seravifer.familiapixel.com/category/sin-categoria/3/4/" title="Ver todas las entradas archivadas en 4">4</a>
</li>
    </ul>
</li>
</ul>
</li>
     </div>