title: css change property on hover
body: <p>Is there a way to change the css property for example of a  box when an  element (inside the ) is hover?</p>
  
  <p>for example if I have:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt;&lt;td&gt;&lt;a&gt;.....&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to change the property of the container td when the link a has the mouse over. Is it possible?</p>
  
  <p>Sorry, I have not explained well.
  I have a , not a table...it was only an example....
  I have</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a&gt;.....
  </code></pre>
  
  <p>in my css I have:</p>
  
  <pre><code>#navigation li a {
  text-decoration: none;
  color: #333;
  text-transform: none;
  }
  #navigation li:hover {
  color: white;
  background-color: #333;
  }
  #navigation li a:hover {
  color: white;
  background-color: #333;
  }
  </code></pre>
  
  <p>but It does not works because if I go on the link it's ok, but if I go with the mouse in the li but off the link the color of the text does not change...</p>