This is a suplimentary proof of concept / example / illustrations. Check out the src.
Old Solution: width:auto; works in ie; but not in a table
td{border:1px solid red;}
.button{margin:0;padding:0 .25em;width:auto;overflow:visible;}
New Solution: width:1; but it doesn't work in firefox, so put that in an IE specific stylesheet
td{border:1px solid red;}
.button{margin:0;padding:0 .25em;width:1;overflow:visible;}
IE and Firefox Version
<style>
td{border:1px solid red;}
.button{margin:0;padding:0 .25em;width:auto;overflow:visible;}
</style>
<!--[if IE]>
<style>.button{width:1;}</style>
<![endif]-->