error menu desplegable

[xlos_mas_pro]

Hola doy las gracias y voy al grano tengo un menu desplegable y cuando le aplico un list-style:none; no funciona desaparece y si se lo saco funciona
css de menu

Código CSS:

<style type="text/css">
            <!--
                    body{
                        background:#0AE12B;
                    }
                    ul li ul{
                     display:none;
                    }
                    ul li:hover ul{
                        display:block;
                    }
                    ul li{
                        float:left;
                        width:100px;
                        background:#CCC;
                    }
                    ul li ul li{
                        margin:0;
                        width:130px;
                        background:#000;
                        color:#FFF;
                    }
                    .margen{
                        margin-left:10px;
                    }
                    ul{
                                         /*si aqui le pongo un list-style:none; no funciona el menu*/
                        margin:0;
                        padding:0;
                    }
                    
            -->
        </style>
 

HTML

Código HTML:

<ul>
                    <li>
                        <ul>
                            <li>uno</li>
                            <li>dos</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="margen">
                            <li>uno</li>        
                            <li>dos</li>
                            <li>tres</li>
                        </ul>
                    </li>
                
                </ul>