«text-align: right» не работает должным образом в IE7

Question

У меня следующая структура:

<div><input type='text'/><a></a></div>

Div выравнивается по тексту вправо, а ввод перемещается влево.Сначала вход скрыт.Всякий раз, когда я делаю ввод видимым, ссылка перемещается влево в IE7.Но в FF3 ссылка остается там, где она есть.В чем причина перемещения ссылки и как я могу заставить ее оставаться в IE7?

Здесь - это скрипка.

Answer 1

Попробуйте,

.questionfooter a {
    float: right;
}

Для получения согласованного результата используйте float: left; для ввода и float: right для ссылки.

Answer 2

Для IE7 используйте css, как показано ниже. Похоже, вы используете дисплей: нет; для ввода, чтобы скрыть его.

.IE7 input {visibility:hidden;}