css - float: right in IE7 dropping to a new line

Question

I've been stuck on a float issue for a little while so I am hoping the community can help me again. I have a new webform here. As usual it looks fine in everything but IE7 (or IE8 in compatibility).

For some reason some of the containers are ending up with the form field on a new line below the form text. CSS is not my strong point, otherwise I'd be able to fix this I am sure. Can anyone tell me what I am missing here?

I tried adding float: left to the form text but that ended up with a whole other mess.

Answer 1

Try to small change markup: place items with a float before items without it (from the same row). It should help.