title: How to change background-color of an li tag with hover?
body: <p>What's the best way to change the background-color of an <code>li</code> tag with onMouseOver?
  I tried it this way, but it won't work:</p>
  
  <p>Code generating the HTML:</p>
  
  <pre><code>echo "&lt;a href=".$obj_players-&gt;Page." target=_parent&gt;
        &lt;li style=\"background-color:#FFFFFF;\"&gt;&lt;span class=\"left\"&gt;" . $obj_players-&gt;Name . "&lt;/span&gt;&lt;span class=\"right\"&gt;" . $obj_players-&gt;Viewers . "&lt;/span&gt;&lt;/li&gt;&lt;/a&gt;";
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#navlist li:hover {
      background-color:#2EA620;
  }
  
  #navlist li {
      width:175px;
      height:30px;
      text-align:center;
      line-height:30px;
      font:"Myriad Pro";
      font-size:14px;
      padding-left:10px;
      padding-right:10px;
      border-bottom:1px solid;
      border-color:#333;
  }
  </code></pre>
  
  <p>Explanation: I have to declara the background color in the <code>li</code> tag because I have different <code>li</code> elements with different background colors. And li's are in a <code>div</code> with ID navlist.</p>
  
  <p>I also have the problem that I don't want every <code>li</code> to change background color with onmouseover, but I will solve this later, since I think I should be able to manage it on my own.</p>