Problem in IE7 successful in Firefox

Posted: Wed, 2008-07-23 10:31

I am new in CSS (1 week). And I have a problem.
My form is organized with 3 columns. I use the properties float and clear.

/* CSS*/
.coluna1 {
	float: left !important;		
	clear: both !important;	
	width: 300px !important;
	*float: left !important;
	*clear: both !important;
	/*display: inline !important;*/		
	*width: 300px !important;;
}

.coluna11 {
	width: 100px !important;
}
.coluna1e {
	width: 100px !important;
}

.coluna2 {
	float: left !important;
	clear:none !important;
	/*display: inline !important;*/		
	width: 300px;
	*float: left !important;
	*clear:none !important;
	/*display: inline !important;*/		
	*width: 300px;
	
}
.coluna3 {
	float: left !important;
	clear:none !important;
	/*display: inline !important;*/
	width: 300px;
	*float: left !important;
	*clear:none !important;
	/*display: inline !important;*/		
	*width: 300px;	
}
.coluna12 {
	float: left !important;		
	clear: both !important;	
	width: 600px !important;
	*float: left !important;		
	*clear: both !important;	
	*width: 600px !important;
}


.coluna1 input {
	float: left !important;
	clear: both !important;	
	width: 290px !important;
	*float: left !important;
	*clear: both !important;	
	*width: 290px !important;
}
.coluna1 output {
	float: left !important;
	clear: both !important;	
	width: 290px;
	*float: left !important;
	*clear: both !important;	
	*width: 290px !important;
}
.coluna1 select {
	float: left !important;
	clear: both !important;	
	width: 290px !important;
	*float: left !important;
	*clear: both !important;
	*width: 293px !important;
	
}

.coluna2 input {
	float: left !important;
	clear: both !important;
	width: 290px ;
	*float: left !important;
	*clear: both !important;	
	*width: 290px;	
}

.coluna2 output {
	float: left !important;
	clear: both !important;
	width: 290px;	
	*float: left !important;
	*clear: both !important;
	*width: 290px;	
}

.coluna2 select {
	float: left !important;
	clear: both !important;	
	width: 290px !important;
	*float: left !important;
	*clear: both !important;
	*width: 290px !important;
}

.coluna3 input {
	float: left !important;
	clear: both !important;
	width: 290px !important;	
	*float: left !important;
	*clear: both !important;
	*width: 290px !important;
}
.coluna3 output {
	float: left !important;
	clear: both !important;
	width: 290px !important;
	*float: left !important;
	*clear: both !important;
	*width: 290px !important;	
}


.coluna3 select {
	float: left !important;
	clear: both !important;	
	width: 290px !important;
	*float: left !important;
	*clear: both !important;
	*width: 290px;	
}
.coluna12 input {
	float: left !important;
	clear: both !important;	
	width: 590px;
	*float: left !important;
	*clear: both !important;
	*width: 590px;
}

.coluna13{
	float: left !important;
	clear: both !important;	
	width: 900px !important;
	*float: left !important;
	*clear: both !important;
	*width: 900px;
}
.coluna13 input {
	float: left !important;
	clear: both !important;	
	width: 895px !important;
	*float: left !important;
	*clear: both !important;
	*width: 895px;
}

In Firefox is correct. in IE gives error.
They can see the images for better explanation.
They can give me a helping is it? Thank you for your help