Multi-column form woes

Question

Firstly I would like to say that I am extremely impressed. It has been an incredibly frustrating 1st day with Chronoforms but at 05:43 and some hours behind me now I feel as though I have learned something. Very well done on a fantastic piece of work! Now, I have created a simple form, learned css at the same time and so far doing ok. The screen shot [attachment=1]Screen shot 2010-10-26 at 05.48.10.png[/attachment] is of my form rendered in Firefox directly from within Dreamweaver. As you can see, there are four fieldsets which sit two abreast which is what I was hoping to achieve.The second screen shot [attachment=0]Screen shot 2010-10-26 at 05.59.02.png[/attachment] is of the very same (only it's not actually) once it has had the Chronoforms treatment. Notice the lack of two abreast fieldsets. My code is as follows and I know it may not look pretty, and is perhaps a little wrong ? but I am chuffed with my first effort. That said, I am open to criticism/suggestion/steering/etc.... Note: there is a ref to #rightMain in the css - this is a div tag in the actual joomla index.php file for the site. Also, the sharp eyed among you will spot the trouble I am having with 'legends'. Apparently I am not alone, which is refreshing to hear 😀  Can anyone help me get this working? And is so would you be kind enough to share with me, before I do damage, the solution. With tired eyes, great anticipation, not to mention excitement I thank you in advance. RegardsChris
 
Company Details
    
      Registered Company Name:

Trading Name if Different:

Credit Limit Required:

Invoice Address:

Telephone Number:

Fax Number:

Accounts Contact
    
      Accounts Contact:

Position:

Nature of Business:

Date Started Trading:

Name of Bank:

Bank Account Number:

Bank Address:

Trade Reference(s) 1
    
      Full Name:

Address:

Telephone Number:

Contact:

Position:

Trade Reference(s) 2
    
      Full Name:

Address:

Telephone Number:

Contact:

Position:

Shareholder Information 1
    
      Full Name:

Address:

Telephone Number:

Shareholder Information 2
    
      Full Name:

Address:

Telephone Number:

Credit Applicant
    
      Name:

Position:

Date:

############## CSS ################
#full{
	width:100%;
}
#halfleft{
	width:50%;	
}
#halfright{
	width:50%;
	
}
#clear{
	clear:both;
}
#rightMain form{
	font:normal 0.9em Georgia, "Times New Roman", Times, serif;
	color:white;
	width:100%;
}
#rightMain fieldset{
	/*       T    R   B L  */
	width:100%;
	padding:40px 0px 0 0;
	/*     T RL  B */
	margin:0 0 2em;
	background-color:#28397f;
	border:1px solid #630;
	position:relative;
	float:left;
}
#rightMain form#frm30 .full fieldset label{
	width:180px;
}
#rightMain form#frm30 .full .halfleft fieldset label,#rightMain form#frm30 .full .halfright fieldset label{
	width:139px;
}
#rightMain form#frm30 .full .halfleft fieldset{
	width:50%;
}
}
#rightMain form#frm30 .full .halfright fieldset{
	width:50%;
}
#rightMain form#frm30 .full .halfleft fieldset textarea,#rightMain form#frm30 .full .halfright fieldset textarea{
	width:150px;
	background-color:#FFC;
}
#rightMain form#frm30 .full .halfleft fieldset,#rightMain form#frm30 .full .halfright fieldset{
	width:338px;
	margin-right:10px;
}
#rightMain fieldset legend{
	padding:0;
	margin:0;
	color:#CCC;
}
#rightMain fieldset legend strong span{
	display:block;
	position:absolute;
	margin-left:20px;
	margin-top:10px;
	font-size:1.2em;
	
}
#rightMain form p{
	color:#ccc;
	margin:0 0 20px 20px;
}
#rightMain form label{
	width:100px;
	float:left;
	clear:left;
	margin-right:0.75em;
}
#rightMain form#frm30 label{
	width:125px;
}
#rightMain form#frm30 input.text{
	width:150px;
	background-color:#FFC;
}
#rightMain form#frm30 textarea{
	width:300px;
	height:150px;
	background-color:#FFC;
}

Forums

Multi-column form woes