IE7 ошибка - не может заставить кнопку плавать правильно

Question

У меня есть страница, которая содержит кнопку и нижний колонтитул. Я не могу заставить кнопку плавать правильно. У меня есть следующий код:

<div style="float: right;">
    <asp:Button ID="btnSubmit" OnClick="btnSubmit_Click" runat="server" Text="Save"
        CssClass="button defaultbutton" />
</div>
<div style="clear:both;"></div>

Я провел некоторые исследования в сети и обнаружил, что это известная ошибка: Исправление проблем IE6 / 7 при использовании плавающих элементов внутри элемента кнопки

Но добавление CSS по ссылке не решило проблему.

Есть идеи, как это исправить?

Вот CSS для кнопки:

display: inline;
color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
width: auto;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
margin-bottom: 3px;
padding: 6px 24px;
border-radius: 2px;

А вот CSS для кнопки по умолчанию:

background: #f24537;
border: 1px solid #d02718;
text-shadow: 1px 1px 0 #810e05;

Answer 1

Я протестировал, как мне кажется, полученный в результате код, созданный ASP.

Точная страница, которую я тестирую, здесь: http://jsbin.com/ololot.

Я пробовал это в IE7 здесь: http://i.imgur.com/4GQvG.png

В Firefox на той же машине здесь: http://i.imgur.com/qUWRD.png

Если проблема не в разнице в заполнении, я не могу воспроизвести вашу проблему.

Я отредактирую ответ после получения дополнительной информации.