button with <a> taged hyper link not working in IE

just got a weird problem:

code like

<div style="margin:20px; text-align:center;">
    <a href="/Deals/Add"><button id="addDeal">Add New Deal</button></a>
</div>开发者_Python百科;

no longer works in IE any more, but still working on Firefox, chrome, safari. any ideas? thanks in advance!

Why not just:

<a href="/Deals/Add">Add New Deal</a>

and style it with CSS to look as you like?

You should add type="button" to your button, as the default type is submit.