Checkbox Group layout issue

I'm having an issue with a Checkbox group and the way that it wraps the fields and labels. As you will see the fields are on the previous line and the labels are on the following line. I've tried several templates and other tricks but just can't get it to work correctly in IE8 and Chrome/Firefox/etc at the same time. Removing float:left works for all but IE.

http://174.132.115.251/~reports/index.php

What am I missing?

you could always go into the form's code and put these elements in a table...

That's what I decided to do today. I was just wondering if there was some conflict in the CSS that would cause what I was seeing.

Thx for your suggestion

Hi dtcinc,

I think that the table was probably the best solution here. There were some posts about adding extra divs to a checkbox list to help the formatting but that requires a code hack and I'm not sure it would have worked here.

Bob

also - might be a dumb question - are you using firebug or some equivalent to check your CSS?

Okay, thanks for the help. Yes, I do use firebug, but even if I display the form with no styling (component) it still doesn't keep the boxes and labels together.

The table is a good solution and only adds a few steps when I edit the form.