title: text-decoration: none not working on ul
body: <p>I've seen a lot of questions relating to this subject but none of them answered my question. I am making a sidebar for a site and I'm trying to make the links in boxes that are the same width as the sidebar, have just a little padding, maybe 10-15px and a tiny bit of space between each. Maybe 3px. But I can't seem to get text-decoration: none; to work no matter what I've tried.</p>
  
  <p>This is the most successful code I've gotten so far:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id= "sidebar"&gt;
      &lt;h3&gt;Navigation Links&lt;/h3&gt;
      &lt;div id= "sidelinks"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href= "#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href= "#"&gt;Biography&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#sidebar {
      background: #464646;
      width: 250px;
      height: 1000px;
      margin-left: 50px;
      border-radius: 15px;
  }
  h3 {
      font-family: 'Coda', cursive;
      color: white;
      background: #6B6B6B;
      font-size: 24px;
      text-align: center;
      padding: 15px 0 8px 0;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
  }
  #sidelinks {
      font-family: 'Armata', sans-serif;
      font-size: 25px;
      text-decoration: none;
      color: white;
      background-color: #4D4D4D;
      padding: 10px;
      position: relative;
  }
  </code></pre>