Hello there,

I have made a form page using CSS for layout like this url below.
http://dev.eat-japan.com/index.php?o...forms&formid=2

Now, this page looks as I intended on Firefox but not on IE6. My concerns are:
1. The gap between the bottom of the form elements (text box etc) and the next line.

2. Form elements not justified on the left in "Prize Draw Questionaire" section.

I've been scratching my head for the last few day to find out why it displays differently. Can anyone out there help me out?

I've copied some of the codes below.

Rio

-------------------------------------------------------------

This page is constructed bt repeating this code below
HTML Code:
<div>
 <div class="TitleCell">Address 2</div>
 <div class="FieldCell"><input type="text" name="address2" class="inputbox" size="35" /><span class="ErrorMessage"></span></div>
 <div class="Clear"></div>
 </div>
... which is styled by this part of the stylesheet
HTML Code:
 .Clear {
 	clear:both;
 }
 div#PerForms div.TitleCell {
 	float:left;
 	display: inline;
 	margin-right: 15px;
 	width: 125px;
 	vertical-align: top;
 }
 div#PerForms div.FieldCell {
 	float:left;
 	display: inline;
 	padding-bottom: 7px;
 	width:298px;
 	vertical-align: top;
 }
 div#PerForms .inputbox {
 	padding: 1px;
 	border:solid 1px #666666;
 	background-color: #ffffff;
 	font-size: 11px;
 	color:#333333;
 }
 div#PerForms .Header {
 	margin: 10px 0;
 	width: 435px;
 	border-bottom:1px solid #FC4128;
 	font-size: 12px;
 	font-weight: bold;
 	color: #FC4128;
 }
 div#PerForms .Description {
 	margin: 0 0 5px 0;
 	width: 435px;
 }
 div#PerForms p {
 	margin: 0 0 5px 0;
 	width: 435px;
 }
 div#PerForms .ErrorMessage, div#PerForms .Asterix {
 	color: #FF0000;
 }