title: Can't get rounded corners on HTML form submit button?
body: <p>I have a submit button for a form in an HTML doc like so: </p>
  
  <pre><code>&lt;form id = "submit" method="get" action=""&gt;
      &lt;input type="submit" name="action" value="Download" id="dlbutton"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I tried to get rounded corners on it with CSS using the border-radius property, but they still remain sharp: </p>
  
  <pre><code>#dlbutton{
      background:#223445;
      color:#FFFFFF ;
      border: 1px solid #223445;
      border-radius: 18px 
      -moz-border-radius: 5px 
      display:inline-block;
      width: 20em;
      height: 5em;
      -webkit-font-smoothing: antialiased;
  }
  </code></pre>
  
  <p>I have another button on another page that is style exactly the same and has rounded corners, except in the html the button is like : </p>
  
  <pre><code>&lt;p&gt;&lt;button class="clickable" id="clickable"&gt;Click me&lt;/button&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I'm using the latest Firefox. Thanks</p>