Работа с CSS + html

[kaspruk]

Здравствуйте!
Есть элемент span и input. span появляется при наведении мышки на поле input (верхний рисунок).
Проблема в том, что этих элементов несколько, и при переносе в конце строки, input переносится на следующую строку, а span появляется в конце прошлой, что очень неудобно (нижний рисунок). См. файл:
Для просмотра ссылки Войди или Зарегистрируйся

<span style="visibility:hidden; position:absolute; margin-top:20px;">зеленая</span>
<input type="text" name="word3" value="Зеленая" />

 

[serg_g]

вот так переносит оба элемента

<span style="white-space : nowrap;">
<span style="visibility:hidden; position:absolute; margin-top:20px;">зеленая</span><input type="text" name="word3" value="Зеленая" />
</span>

 

[kaspruk]

вот так переносит оба элемента

<span style="white-space : nowrap;">
<span style="visibility:hidden; position:absolute; margin-top:20px;">зеленая</span><input type="text" name="word3" value="Зеленая" />
</span>

спасибо, все заработало. Но проблема в том что в Mozilla Firefox и IE все работает на 5+, а когда проверил в Опере 9.61, почему-то есть сдвиги в правую сторону, хотя по спецификации должно все работать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.