IE gooit box door elkaar !

[erpee]

Ik heb een mooie box gemaakt waarin ik van alles kan plaatsen. In firefox ziet het er goed uit (natuurlijk), op het moment dat ik in IE kijk, ziet het er als een zootje uit ... grrr. (zie afbeelding)

De box wordt opgebouwd met de volgende CSS

Code: Select all

.txt_box {
	background: url(uploads/theme/tl.png) no-repeat top left;
}
.txt_top {
	background: url(uploads/theme/tr.png) no-repeat top right;
}
.txt_bottom {
	background: url(uploads/theme/bl.png) no-repeat bottom left;
}
.txt_bottom div {
	background: url(uploads/theme/br.png) no-repeat bottom right;
}
.txt_content {
	background: url(uploads/theme/r.png) top right repeat-y;
}

.txt_top div,.txt_top,
.txt_bottom div, .txt_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.txt_content, .txt_bottom {
	margin-top: -2px;
}
.txt_content {
	padding: 10px 15px;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1em;
	color: white;
	font-weight: bold;
}
.txt_h1 {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height: 1em;
	color: white;
	font-weight: bold;
	font-style: italic;
}

Wat moet ik veranderen ... of moet er ergens een IE-hack in?