title: working with active and hover links in css?
body: <p>I have this <code>li</code> list, but I want to know how to have the current page link have a background of white (<code>li:active</code>)</p>
  
  <p>CSS:</p>
  
  <pre><code>#layout-three-liquid2 #section-navigation ul
  {
      margin: 0;
      padding: 0;
  }
  
  #layout-three-liquid2 #section-navigation ul li
  {
      margin: 0 0 0em;
      padding: 0;
      list-style-type: none;
  }
  #layout-three-liquid2 #section-navigation ul li:hover{
  
      background-color:white;
  
  
  
  }
  #layout-three-liquid2 #section-navigation ul li a:active{
  
      background-color:white;
  
  
  
  }
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;&lt;a active="current" href="#page1"&gt;Home&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="#page3"&gt;Replies&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But its not working, how can I solve this?</p>