с display: block внутри text-align: center div

С помощью этого:

<div id="parentdiv" style="text-align:center;width:600px;margin:auto;">
  <input type="button" value="push me" />
</div>

Кнопка выравнивается по центру окна браузера (по желанию) в FF, Chrome, IE7 и IE8.

Но добавьте к кнопке «display: block»:

<div id="parentdiv" style="text-align:center;width:600px;margin:auto;">
  <input type="button" style="display:block;" value="push me" />
</div>

Кнопка выровнена по центру в IE7 - и не выровнена по центру в FF, Chrome и IE8.

Почему? И может ли кнопка (или любой ) с display: block быть как-то выровнена по центру? (кроме использования