Div content floats ok in all browsers but on IE10

Question

Please check the following URL:

http://www.deparche.com/registro

You might want to look this:

In Firefox, Chrome and Safari it looks ok, but on IE10 and Opera it looks like this:

I have tried several things like targeting the browser with JavaScript and reducing the padding of the input text but it doesn't make any sense. There's enough space to keep the alignment of the fields.

I don't know what to do.

Any ideas?

Thanks!

Answer 1

Internet Explorer adds 1px of right padding to your input#txtProfilePicPath element (actually there's 1px padding on every direction by default). Specifying padding-right: 0 on it solves the problem.

Answer 2

To the following selector:

div.formElementDiv input[type='text']

Add:

padding:0 0 0 10px;

This explicitly sets all padding to zero (except the padding-left) and fixes your problem.

Answer 3

You must delete from .file-input-wrapper float: left; and width: 100px;