Why does Internet Explorer show this site centered versus Firefox or Chrome?

Question

I have built a website and when my users load up

http://info.salemgolfclub.org/Account/Logon

the username and password user entry controls show left justified in the panel in Firefox and Chrome but Internet Explorer shows them centered in the panel.

I want Internet Explorer to show left justified as well. How do I determine what Firefox and Chrome seem to figure out but Internet Explorer struggles with so every browser is consistent?

I would appreciate comments both on this particular example as well as general comments on best practices to avoid this type of situation in the future.

Answer 1

Maybe IE's default style centers a label. Just set text-align: left in your CSS.

Answer 2

set text-align to left.

<fieldset style="text-align:left;">

Answer 3

...start with setting text-align: left ... you might have to float:left some elements