CSS background problem

[valy]

Sorry if this was discussed before. I know it's a simple thing but it gives me a headache now.
I have a layout like the attached one with css backgrounds(the 1,2,3.. ones), but the no. 10 doesn't want to show in explorer(in dreamweaver it shows how it should). What could be the problem. Could someone please help me?
Thanks.

Here is the css:

body {
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: top center
}
#wrapper {
	width: 1003px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#1 {
	background-image: url(../images/1.gif);
	background-repeat: no-repeat;
	height: 105px;
	width: 568px;
	float: left;
	margin-left: 21px;
}
#2 {
	background-image: url(../images/2.gif);
	background-repeat: no-repeat;
	height: 105px;
	width: 202px;
	float: left;
}

#3 {
	background-image: url(../images/3.gif);
	background-repeat: no-repeat;
	float: right;
	height: 105px;
	width: 190px;
	margin-right: 21px;
}
#4 {
	background-image: url(../images/4.gif);
	background-repeat: no-repeat;
	height: 137px;
	width: 960px;
	float: left;
	margin-left: 21px;
}
#5 {
	background-image: url(../images/5.png);
	background-repeat: no-repeat;
	float: left;
	height: 209px;
	width: 960px;
	margin-left: 21px;
}
#6 {
	background-image: url(../images/6.png);
	background-repeat: no-repeat;
	float: left;
	height: 175px;
	width: 960px;
	margin-left: 21px;
}
#7 {
	background-image: url(../images/7.png);
	background-repeat: no-repeat;
	float: left;
	height: 702px;
	width: 568px;
	margin-left: 21px;
}
#8 {
	background-image: url(../images/8.png);
	background-repeat: no-repeat;
	float: left;
	height: 702px;
	width: 392px;
}
#9 {
	background-image: url(../images/9.gif);
	background-repeat: no-repeat;
	float: left;
	height: 638px;
	width: 568px;
	margin-left: 21px;
}
#10 {
	background-image: url(../images/10.png);
	background-repeat: no-repeat;
	float: left;
	height: 638px;
	width: 392px;
}
#11 {
	background-image: url(../images/11.gif);
	background-repeat: no-repeat;
	float: left;
	height: 160px;
	width: 960px;
	margin-left: 21px;
}
#12 {
	background-image: url(../images/12.png);
	background-repeat: no-repeat;
	float: left;
	height: 284px;
	width: 960px;
	margin-left: 21px;

Thanks, but the problem is resolved. I've remade it and it worked. It's the same, but now it works.