title: CSS ul li bullet disappear
body: <p>ul and li in my webpage not work at all. 
  here is my index.html </p>
  
  <pre><code>&lt;div id="main" class="core"&gt;
      &lt;div id="background"&gt;       
      &lt;/div&gt;
      &lt;div id="content"&gt;
          &lt;div id="default"&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="map" class="special"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my page.php</p>
  
  <pre><code>// Care for the Square
  case 'care-for-the-square':
      echo '
      &lt;p&gt;On an annual basis the Friends fund: &lt;/p&gt;
      &lt;ul id="test"&gt;
      &lt;li&gt;Landscaping&lt;/li&gt;
      &lt;li&gt;Tree care&lt;/li&gt;
      &lt;li&gt;Grass seeding&lt;/li&gt;
      &lt;li&gt;Graffiti removal&lt;/li&gt;
      &lt;li&gt;Bench repair&lt;/li&gt;
      &lt;li&gt;Supplemental seasonal maintenance staff&lt;/li&gt;
      &lt;li&gt;Sidewalk sweeing&lt;/li&gt;
      &lt;li&gt;A dedicated park ranger&lt;/li&gt;
      &lt;li&gt;Excess seasonal trash removal&lt;/li&gt;
      &lt;li&gt;Holiday lights&lt;/li&gt;
      &lt;li&gt;Doggie bags&lt;/li&gt;
      &lt;/ul&gt;&lt;br/&gt;
  
      ';
      break;  
  </code></pre>
  
  <p>could anyone help me to figure it out ?  thank you </p>