Select menu spaces in IE

In Internet Explorer, after each selectable menu item, the next label and element displays with an additional space before it. It does not display this way in any other browser, and only occurs after select boxes or radio boxes. It displays like this (where _ is a blank space):
menu item(select)
_menu item(select)
__menu item(text field)
__menu item(select)
___menu item

Any ideas what is causing this?

Hi Jtraweek ,

Please post a link to the form so I can take a quick look. I think we've seen this once before but I don't remember the cause.

Bob

Here is the link. This only occurs with IE. Thanks for looking at it!

http://texasstatestringscamp.org/index.php?option=com_chronoforms&chronoform=TSSC_Registration_Form

***Update*** I updated my Internet Explorer from IE7 to IE8 and that fixed the problem. However, any customers using pre-IE8 browsers may still encounter that display issue.

Hi Jtaweek,

It seems to start after the radio buttons and is linked to this CSS in the frontforms_tight.css file

.ccmc_form_element {
. . .
  padding-left:5px;
. . .
}

If that is removed the form lines up OK again - though everything is 5px further left.

Bob