title: Removing "bullets" from unordered list <ul>
body: <p>I have set this:</p>
  <pre><code>list-style: none outside none;
  </code></pre>
  <p>And HTML:</p>
  <pre><code>&lt;ul class=&quot;menu custompozition4&quot;&gt;
      &lt;li class=&quot;item-507&quot;&gt;&lt;a href=#&quot;&gt;Strategic Recruitment Solutions&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;item-508&quot;&gt;&lt;a href=&quot;#&quot;&gt;Executive Recruitment&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;item-509&quot;&gt;&lt;a href=&quot;#&quot;&gt;Leadership Development&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;item-510&quot;&gt;&lt;a href=&quot;#&quot;&gt;Executive Capability Review&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;item-511&quot;&gt;&lt;a href=&quot;#&quot;&gt;Board and Executive Coaching&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;item-512&quot;&gt;&lt;a href=&quot;#&quot;&gt;Cross Cultutral Coaching&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;item-513&quot;&gt;&lt;a href=&quot;#&quot;&gt;Team Enhancement &amp;amp; Coaching&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;item-514&quot;&gt;&lt;a href=&quot;#&quot;&gt;Personnel Re-deployment&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>but even though bullets are displayed. (I'm not quite sure that those are ul's bullets, because when you hover the text the &quot;bullets&quot; get underlined.)</p>
  <p>Image Demo:
  <a href="https://i.imgur.com/2wsnBqP.png" rel="noreferrer">https://i.imgur.com/2wsnBqP.png</a></p>
  <p><strong>The third level from the menu</strong></p>