title: Why is this ul exceeding the size of it's div?
body: <p>Although li.textmenu has width: 140px, padding: 5px, and div.textmenu has width: 150px, the one list item i've made so far has a big left margin, and extends beyond the right edge of the div by a good 30px. Could someone explain why?</p>
  
  <p><a href="http://www.briligg.com/frailty.html" rel="nofollow noreferrer">http://www.briligg.com/frailty.html</a></p>
  
  <p>css:</p>
  
  <pre><code>div.textmenu {
    background-color: #3b3b3b;
    float: left;
    width: 150px;
    margin: 30px 10px 0 30px;
  }
  
  li.textmenu {
    background-color: #4a4a4a;
    margin: 0;
    padding: 5px;
    border: none;
    width: 140px;
    list-style: none;
    text-align: right;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="textmenu"&gt; 
    &lt;ul&gt; 
      &lt;li class="textmenu"&gt;&lt;a class="pink" href="http://www.briligg.com/frailty.html#culture"&gt;Stress Causes Addiction&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt; 
  &lt;/div&gt; 
  </code></pre>