Is there any way to get a checkbox inside a button?

At the moment I have this solution:

```
<html>
<body>
   <div id="menu">
     <button><input type="checkbox" /></button>
   </div>
</body>
</html>

```

It's ok, it works fine with Chrome and Firefox...but really awful with IE, so I need another way to achieve this goal.

[![1](https://i.stack.imgur.com/6esgp.png)](https://i.stack.imgur.com/6esgp.png)
[![2](https://i.stack.imgur.com/2tVA5.png)](https://i.stack.imgur.com/2tVA5.png)

Any ideas?
Thanks