Layer im IE 7 wird falsch angezeigt

Hallo,

ich bin gearde auf einem Problem gestoßen ich bin mir sicher ihr kennt eine Antwort drauf. So, ich erzeuge mit JavaScript ein Layer bei bestimmten ereignissen, das ist ja auch kein Problem. Bei der Anzeige unterscheidet sich allerding der IE 7 von allen anderen (Firefox 2 und Opera 9 hab ich probiert).

Der HTML code ausdem JS

	var code = 
	'<div id="layer">' +  
		'<table>'+  
			'<tr>'+   
				'<td style="background:#333333; height:16px;">'+   
					'<div id="layer_titel">Titel</div>'+  
					'<div id="layer_close"><img src="images/close.jpg" height="16" align="right" onclick="remove('layer_');"></div>'+  
				'</td>'+  
			'</tr>'+  
			'<tr>'+  
				'<td>'+  
					'<div align="left" style="margin-left:7px;">'+  
						Text+
					'</div>'+  
				'</td>'+  
			'</tr>'+  
		'</table>'+  
	'</div>';  

CSS

/* layer */

#layer {
	border:1px solid #000000;
	position:absolute;
	width:300px;
	height:120px;
	z-index:1;
	left:47%;
	top:290px;
	background:#CCCCCC;
}
#layer table{
	width:100%;
	height:100%;
	border:none;
	border-collapse: collapse;
}

#layer img {
	border:none;
}

#layer_titel {
	color: #FFFFFF;
	font-weight:bold;
	float:left;
	height:16px;
	max-height:16px;
	
}
#layer_close {
	height:16px;
}

/* layer */