title: input buttons embedded within a hyperlink does not work in ie8
body: <p>In ie9 this code works;</p>
  
  <pre><code>   &lt;span id="ForwardNavigationEnabled" style="display:inline;"&gt;
          &lt;a class="imagelink" href="@Url.Action("Details", "Subcontractor", new { id = Model.Navigator.NextPageId })"&gt;
              &lt;input id="btnNext" type="button" value="Next &gt;|" /&gt;
          &lt;/a&gt;
          &lt;a class="imagelink" href="@Url.Action("Details", "Subcontractor", new { id = Model.Navigator.LastPageId })"&gt;
              &lt;input id="btnLast" type="button" value="Last &gt;&gt;|" /&gt;
          &lt;/a&gt;
      &lt;/span&gt;
  </code></pre>
  
  <p>Which is to say when you click on the button the href event in the hyperlink is fired.
  In ie8 the hyperlink is ignored and the click event of the button is fired instead, which does not go anywhere.</p>
  
  <p>One fix for ie8 would be to give the button a click event and navigate that way. Another solution would be to replace the button with an image of the button.</p>
  
  <p>But is there a neater solution?</p>