Problema con slideToggle y Chrome

[W_Beto]

Buenas.

Tengo un problema con un menú vertical desplegable con slideToggle.

Código Javascript:

$(document).ready(function(){
        $(".contenedor .menu ul #oculto").click(function(){
            $(".contenedor .menu ul li").slideToggle({
              height:'0px'
            });
          });
        });
 

Código HTML:

<nav class="menu">
            <ul>
                <button id="oculto">Menu</button>
                <li><a href="#">Bla</a></li>
                <li><a href="#">Blabla</a></li>
                <li><a href="#">Blablabla</a></li>
                <li><a href="#">LOL</a></li>
                <li><a href="#">OJOJO</a></li>
            </ul>
        </nav>
 

En el css lo tengo con fondo negro a cada link y al desplegarlo en chrome en medio de la lista me aparece un pequeño margen (no existe ese margen en el css, ya lo busqué en chrome) el cual no aparece en Firefox .