title: Submit button not accepting css styling
body: <p>I have a submit button in a form that isn't taking on all the style I have set for it. I want the submit button to look the same as a "next section button I have, but it looks different</p>
  
  <p>Here's some relevant HTML:</p>
  
  <pre><code>&lt;form&gt;
      &lt;a href="#step2" class="btn"&gt;Next Section &gt;&gt;&lt;/a&gt;&lt;br/&gt;
      &lt;input type="submit" name="submit" value="Submit Application" id="submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And here's the CSS:</p>
  
  <pre><code>.btn, #submit {
      margin-top: 20px;
      background-color: #ccc;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius:6px;
      display: inline-block;
      color: #fff;
      font-family: 'Oswald';
      font-size: 20px;
      padding: 12px 24px;
      text-decoration: none;
      cursor: poiner;
      float: right;
  }
  .btn:hover, #submit:hover {
      cursor: pointer;
      box-shadow: 0px 0px 1px #777;
  }
  </code></pre>
  
  <p>And here's a JS Fiddle which shows the output differences: <a href="http://jsfiddle.net/hSwJN/4/" rel="nofollow">JS Fiddle</a></p>