title: HTML - Styling a input type=submit as an anchor and removing extra space rendered
body: <p>I have the following HTML and you can see the extra space between the links when the
  page renders.</p>
  
  <p>How do trim this space?</p>
  
  <p>EDIT: This seems to be an IE problem.</p>
  
  <pre><code>&lt;div class="navLinks" style="text-align:right;margin-bottom:30px;"&gt;
      &lt;form action="/Invoice/SetPaid" method="post"&gt;&lt;input id="id" name="id" type="hidden" value="11356" /&gt;
                  &lt;input type="submit" value="Set To Paid" /&gt;
              &lt;/form&gt;&lt;form action="/Invoice/WorkInProgress" method="post"&gt;&lt;input id="id" name="id" type="hidden" value="11356" /&gt;
                  &lt;input type="submit" value="Set To Work In Progress" /&gt;
              &lt;/form&gt;&lt;form action="/Invoice/PrintVersion/11356" method="post"&gt;&lt;input id="id" name="id" type="hidden" value="11356" /&gt;
                  &lt;input type="submit" value="Printable Version" /&gt;
              &lt;/form&gt;&lt;form action="/Home/User" method="post"&gt;&lt;input id="id" name="id" type="hidden" value="11356" /&gt;
                  &lt;input type="submit" value="Continue" /&gt;
              &lt;/form&gt;
  &lt;/div&gt;
  
      .navLinks form
      {
          display:inline;
      }
  
      .navLinks input
      {
          text-decoration:underline;
          background-color:white;
          color: #034af3;
          border: 0px none;
          text-align:center;
      }
  
      .navLinks input:hover
      {
          text-decoration:none;
      }
  </code></pre>