title: moz-document url-prefix not working for hyperlink
body: <p>I have css called action1 and i trying to remove outline property from it just for firefox browser. Here is the class</p>
  
  <pre><code>a.action1,a.action1:link,a.action1:visited {
      display: block;
      height: 27px;
      width: 200px;
      color: #FFFFFF;
      background-color: #666633;
      font-family: Century Gothic, sans-serif;
      font-size: 13px;
      text-align: center;
      vertical-align:middle;
      padding: 1px 2px;
      border: 1px solid #FFFFFF;
      outline: 1px solid #666633;
      text-decoration: none;
      margin: 1px;
      cursor: pointer;
      -moz-box-shadow: 0px 0px 6px 0px #888;
      -webkit-box-shadow: 0px 0px 6px 0px #888;
      box-shadow: 0px 0px 6px 0px #888;
  }
  </code></pre>
  
  <p>and here is the code i am using in my jsp to remove the outline property</p>
  
  <pre><code>&lt;style&gt;
  @-moz-document url-prefix() {
      a.action1 {
          outline: 0px;
      }
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>This is not working for. </p>
  
  <pre><code>&lt;a class="action1" onclick="dosomething()" href="gosomewhere"&gt;somename&lt;/a&gt;
  </code></pre>
  
  <p>Although moz-document is working perfectly fine for input type button. </p>