title: custom style for links inside <div> not working
body: <p>I am stuck on something that seems very simple but I must be missing some minor detail.
  I have this div:</p>
  
  <pre><code>&lt;div id="menu" class="menu_div"&gt;
  &lt;a href="/"&gt;HOME&lt;/a&gt; | 
  &lt;a href="/pics.php"&gt;PICTURES&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the following inside the style tags</p>
  
  <pre><code>.menu_div {
      background-color: #FFFFFF;
      border:1px solid black;
      width: 900px;
      a:link {color:#000000; text-decoration:none;}      /* unvisited link */
      a:visited {color:#000000; text-decoration:none;}  /* visited link */
      a:hover {color:#FF0000; text-decoration:none;}  /* mouse over link */
      a:active {color:#FF0000; text-decoration:none;}  /* selected link */
  }
  </code></pre>
  
  <p>Everything works except the links. I tried other combinations like .menu_div a:hover etc, nothing seems to work, any idea why?</p>
  
  <p>Thanks</p>