min-width in IE compatibility mode

min-width in IE compatibility mode

Goal: Have buttons have a minimum width but expand when text is longer
than min width like in the case of other languages.
The problem is that in IE8 or 9 in compatibility mode, the buttons seem to
move outside of their container to the right. I unfortunately cannot
provide any code or link to jsfiddle since it does not work in IE8 compat
mode, but here are some pictures of the issue.
No min-width
Buttons shows normally, but obviously does not show the minimum width we
want.
With min-width
IE layout shows a width of 100px, which is what it should be, but the
button seems to move outside of the container.