Last Modified
Februaray 3rd 2006
Discussion
Visit the Discussion

Button Width in IE

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]-->