title: Pseudo Class :current
body: <p>I am trying to make my menu bar <code>background</code> go black when you are on that page, eg. if you're on the SFX page the SFX tab will be black, not red.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;div id="menuBar" align="left"&gt;
      &lt;table cellspacing="5" &gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href="index2.php"&gt;Home&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a href="editorial.php"&gt;Editorial&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a href="sfx.php"&gt;SFX&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a href="occasion.php"&gt;Occasion&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a href="artwork.php"&gt;Artwork&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a href="body.php"&gt;Body Painting&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&lt;a href="about.php"&gt;About&lt;/a&gt;&lt;/td&gt;
  
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And My CSS:</p>
  
  <pre><code>#menuBar {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      width: 810px;
      height: 30px;
      top: 53px;
      vertical-align:central;
  }
  #menuBar a {
      background: #AA0000;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 11px;
      padding-right: 11px;
      border-top-right-radius: 10px;
      border-top-left-radius: 10px;
      color: Beige;
      text-decoration: none;
      font-weight:bold;
      font-size:18px;
      font-family: Gabriola,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;    
  }
  
  #menuBar a:hover {
      background: #000000;
      transition:all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3 ease-in-out;
      -webkit-transition: all .3s ease-in-out;
  }
  
  #menuBar a:focus {
      background:#000000;
  }
  
  #menuBar a:current {
      background:#000000;
  }
  </code></pre>
  
  <p>I've tried everything, and its not working. I'm sure it's something simple, but i don't know what it is</p>