title: Vertical alignment of submit button using CSS HTML
body: <p>I am having trouble getting my submit button to display in line with my inputs in internet explorer. The alignment is fine in safari and firefox but IE is dropping the button down about 5px. Any ideas why this is happening or how i can fix it?</p>
  
  <p>The url is <a href="http://www.menslifestyles.com" rel="nofollow">http://www.menslifestyles.com</a> 
  click subscribe at the top of the page the form will pop in.
  The two inputs line up straight but in ie the submit button doesn't align! </p>
  
  <p>-------html-------</p>
  
  <pre><code>&lt;div id="subscribe"&gt;
  &lt;form id="subscribeform" method="post" action="/maillists/subscribe" accept-charset="utf-8"&gt;
  &lt;div style="display:none;"&gt;&lt;input type="hidden" name="_method" value="POST"&gt;&lt;/div&gt;
  
  &lt;label for="MaillistName"&gt;Name&lt;/label&gt;&lt;input name="data[Maillist][name]" type="text" maxlength="255" id="MaillistName"&gt;&amp;nbsp;    &amp;nbsp;
  &lt;label for="MaillistEmail"&gt;Email&lt;/label&gt;&lt;input name="data[Maillist][email]" type="text" maxlength="500" id="MaillistEmail"&gt;
  &lt;input type="submit" value="Submit"&gt;&lt;a href="#" id="closelink"&gt;X&lt;/a&gt;
  &lt;/form&gt;&lt;/div&gt;
  </code></pre>
  
  <p>-----css-------</p>
  
  <pre><code>#subscribe{
      width:620px;
      position:absolute;
      top:25px;
      left:50%;
      margin-left:-120px;
      overflow: auto;
      z-index: 1000;
      background: #ffffff;
      color:#6e6e6e;
      font-size: 10px;
      text-transform: uppercase;
      font-family: Helvetica, Verdana;
  }
  #subscribe input{
      border: 1px solid #e5e5e5;
      display: inline;
      height: 12px;
      color:#cccccc;
      width: 215px;
  }  
  #subscribe input[type="button"], #subscribe input[type="submit"]{
      clear:both;
      padding:3px, 0px;
      -webkit-appearance: none;
      font-family: Helvetica, Verdana;
      background-color:#cccccc;
      text-align:center;
      color: #3c3c3c;
      font-size:10px;
      text-transform: uppercase;
      border: none;
      cursor: pointer;
      display: inline;
      height:15px;
      width:60px;
      position:relative;
      margin-left:5px;
  }
  #subscribe form{
      margin:0px;
      padding:0px;
  }
  #subscribe label{
      display: inline;
      font-size: 10px;
  }
  #subscribe a{
      text-decoration: none;
      color: #cccccc;
  }
  #subscribe #closelink{
      padding:0 5px;
  }
  </code></pre>