Browser issue firefox is working but IE not working

See more:

CSS

HTML

Hi ,

I have a requirement ,display like below one report

First name : XXXXXXXX last name : YYYYYYYYYY

I used below script for firstname and lastname .I pasted here lastname CSS script.

<pre lang="css">
fake_field_right
{
float: right;
word-wrap: break-word;
width: 152px;
padding-right: 5px;}</pre>

Now my page displaying as expected in Mozilla 26,27 but not working properly in IE (all versions )

Problem: When click on YYYYYYYYY(Last name) it getting down but Firstname(XXXXXXX) is not giving any problem.

First name : XXXXXXXX last name :

YYYYYYYYY

So I tried with Position property but not getting succeded