title: CSS/HTML Active/Hover (Active doesnt work)
body: <p>Heey,</p>
  
  <p>i got a problem, i have to make a webpage for a project, im not an experienced programmer or web-developer and im having a problem with the active CSS.</p>
  
  <p>the purpose is that when i hover my mouse over the sidemenu it would change color, and when it is clicked the color will stay the same as the hover color, the hover part worked when i hover my mouse over the side menu tab (partners) it changes color but when i click it, the color doesnt change it goes away the second i get my mouse off the side menu tab.</p>
  
  <p>Here is my code i hope someone can help me out, i know its a messy code.
  CSS:</p>
  
  <pre><code>.buttonPartners a:hover{
      background: -webkit-gradient(linear, right bottom, left top, from(#585858 ), to(#A4A4A4));
  }
  .buttonPartners a:active { background: -webkit-gradient(linear, right bottom, left top, from(#585858 ), to(#A4A4A4));} 
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class ="buttonPartners"&gt;&lt;a href="Partners.html"&gt;Partners&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and here the CSS of that class:</p>
  
  <pre><code>.buttonPartners  a{
  background: -webkit-gradient(linear, left top, right bottom, from( #B40404 ), to(#FF0000));
  Color: white; text-decoration: none; text-align: center; border: 2px solid black; padding: 7px;  position: absolute; font-family: verdana;
  top:320px; left:30px; width:105px; height:30px
  }
  </code></pre>
  
  <p>hope anyone knows.</p>