title: CSS: UL bullets are hidden
body: <p>I have a basic CSS question.</p>
  
  <p>I have a list, but I can't get the bullets to show ..</p>
  
  <p>Here is a <a href="http://see.weareinto.com/BtJq" rel="nofollow">screenshot</a></p>
  
  <p>The only way i can get them to show is by making the position set to <code>inside</code>, but I want it set to <code>outside</code> as it is.. no matter how much padding or nmargin i add to the left, I can't seem to get the bullets to show.</p>
  
  <p>Here is the CSS applied.. I have applied it to everything.. the UL, the LI, etc</p>
  
  <pre><code>list-style-image: none;
  list-style-position: outside;
  list-style-type: square;
  </code></pre>
  
  <p>Here is the HTML</p>
  
  <pre><code>&lt;ul class="static" style="display: block; "&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/group-medical-plans.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Group Medical Plans&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/self-funding-administration.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Self-Funding Administration&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/workers-comp.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Workers Comp&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/cobra-administrative-services.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;COBRA Administrative Services&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/medicare-plans.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Medicare Plans&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/individual-family-plans.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Individual-Family Plans&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/selling-area-maps.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Selling Area Maps&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="static"&gt;
          &lt;a class="static menu-item" href="/producers/products-services/Pages/provider-networks.aspx"&gt;&lt;span class="additional-background"&gt;&lt;span class="menu-item-text"&gt;Provider Networks&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>EDIT</p>
  
  <p>Okay, it still isnt working, here is my LESS</p>
  
  <pre><code>ul {
      background-color: @color-grey-border;
      width: 100%;
      padding-left: 30px !important;
      list-style-type: square !important;
      list-style-image: none !important;
      list-style-position: outside !important;
      overflow-x: visible !important;
      margin-left: 30px !important;
  
      li {
          padding-left: 30px !important;
          list-style-type: square !important;
          list-style-image: none !important;
          list-style-position: outside !important;
          overflow-x: visible !important;
          margin-left: 30px !important;
  
          .menu-item {
              border-bottom-color: #fff !important;
              padding: @base * .5 0 !important;
              width: 100% !important;
          }
      }
  }
  </code></pre>
  
  <p>EDIT -</p>
  
  <p>Here are 4 more screenshots</p>
  
  <p><a href="http://see.weareinto.com/BtJh" rel="nofollow">http://see.weareinto.com/BtJh</a> - <a href="http://see.weareinto.com/BtRh" rel="nofollow">http://see.weareinto.com/BtRh</a></p>
  
  <p><a href="http://see.weareinto.com/BsvD" rel="nofollow">http://see.weareinto.com/BsvD</a> - <a href="http://see.weareinto.com/Bsjs" rel="nofollow">http://see.weareinto.com/Bsjs</a></p>