firefox layout not working?????

html, body, #wrapper {
    min-height: 100%;
    width: 100%;
    height: 100%;
}
 
html>body, html>body #wrapper {
    height: auto;
}
 
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
 
#wrapper {
margin:0 auto;
width:900px;
height:100%;
text-align:left;
margin-top:50px;
}
 
.clear {
clear:both;
}
 
/*---------------------------- HEADER */
 
#logo {
	width:250px;
	height:107px;
	float:left;
}
 
 
 
/*---------------------------- MAIN CONTAINER SECTION */
.col1{
width:250px;
float:left;
}
 
.col2{
width:650px;
float:right;
}
 
#cnttop {
	background: url(../img/cnt-top.jpg) no-repeat;
	width:650px;
	height:15px;
}
 
#cntmid {
	background: url(../img/cnt-mid.jpg) repeat-y;
	width:610px;
	padding-left:20px;
	padding-right:20px;
	color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
 
#cntbtm {
	background: url(../img/cnt-btm.jpg) no-repeat;
	width:650px;
	height:15px;
}
 
#cntmid h3 {
	color:#e0c2d4;
	font-weight:600;
	font-size:18px;
 
}