Question

I have the following structure:

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

Div is text-aligned right and input is floated left. At first input is hidden. Whenever I make the input visible, link moves to left in IE7. But in FF3 link stays where it is. What is the reason of the link’s move and how can I make it stay still in IE7?

Here is the fiddle.

Answer 1

Try,

.questionfooter a {
    float: right;
}

For consistent result, use float: left; for the input and float: right for the link.