List-style disappearing when using 'Columns'

Question

I am using'Columns' in ul to split my menu into 2 columns. More when using, list-style some. Why? There is a possibility that it will not disappear?

<ul id="menu-footer">
  <li><a href="index.php">home</a></li>
  <li><a href="empresa.php">empresa</a></li>
  <li><a href="servicos.php">servicos</a></li>
  <li><a href="produtos.php">produtos</a></li>
  <li><a href="contatos.php">contatos</a></li>
</ul>

footer #menu-footer { -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; -ms-column-count: 2; column-count: 2; list-style-position: inside;}
footer #menu-footer li {list-style: square; color: #fff;}

Answer 1

You need to add list-style-position, to specify that markers should appear within the content stream:

.menu{
   -webkit-column-count: 2;
   -moz-column-count: 2;
   column-count: 2;
   list-style-position: inside;
}

Example: Jsfiddle

Edited

You have some problems with your CSS selectors, change in your code footer #menu-footer for footer > #menu-footer and footer #menu-footer li for footer > #menu-footer.li. For greater understanding selectors

footer > #menu-footer { 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    -o-column-count: 2; 
    -ms-column-count: 2; 
    column-count: 2; 
    list-style-position: inside;
}
footer > #menu-footer.li {
list-style: square; color: #fff;
}

Exemplo2: Jsfiddle