Inline forms are being displayed incorrectly in IE8

[jonathannaguin]

Inline forms are supposed to be rendered as left-aligned.
We can see this in Google Chrome and Firefox, but we are having problems with the same mark-up in IE8.
What we are experiencing is:

• The label of an input group is displayed on top the group instead of on the left.
• The checkbox is displayed on top its label instead of being on its right.

This issue is easy to reproduce using the webpage of the project (http://getbootstrap.com/css/#forms).
I have attached a capture of this rendered in Google Chrome and another capture rendered in IE8.

Notice I have removed the class "sr-only" from the username label so we can see clearly the problem with labels.

[cvrebert]

We probably ought to add an "inline form with visible labels" example to the docs, now that I think about it.

[cvrebert]

Possibly related to #15275.

[cvrebert]

CC: @mdo

[mdo]

Probably punting as a won't fix honestly.