title: list style not applying to the menu
body: <p>Hello I made clickable dropdown and I want to put circles behind the text on UL LI but it doesnt applying, I search in my css code I am not removing the circle anywhere. Can someone see if I am doing something wrong :/</p>
  
  <p>HTML CODE:      </p>
  
  <pre><code>    &lt;ul id = "mobddown" style="display: none;"&gt;
          &lt;a href="#"&gt;&lt;li&gt;Берово&lt;/li&gt;&lt;/a&gt;
          &lt;a href="#"&gt;&lt;li&gt;Берово&lt;/li&gt;&lt;/a&gt;
          &lt;a href="#"&gt;&lt;li&gt;Берово&lt;/li&gt;&lt;/a&gt;
          &lt;a href="#"&gt;&lt;li&gt;Берово&lt;/li&gt;&lt;/a&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>CSS CODE:</p>
  
  <pre><code>#mobddown{
      font-size: 2em;
      display: none;
      margin: 0;
      padding: 0;
      list-style-type: circle;
  }
  
  #mobddown li{
      display: block;
      margin: 0;
      padding: 0.4em;
      width: 100%;
  }
  
  #mobddown a{
      text-decoration: none;
      color: black;
      width: 100%;
  }
  
  #mobddown li:hover{
      background-color: #35aa96;
      color: white;
  }
  </code></pre>