CSS tape sur le system ! comprends rien !

Bonjour à tous !!!

j'aimerais insérer une image, une simple image, mais j'y arrive pô !

je sais pas pourquoi ! j'ai rien pô d'image !

voici mon bout de code Web :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<table border="1px">
		<tr>
			<th>Project en cours</th>
		</tr>
			<logic:iterate name="formBeanListeProjects" id="project">
				<tr>
					<td>
						<logic:equal name="project" property="levelPriority" value="high">
							<div class="levelPriorityHigh">high</div>
						</logic:equal>
 
						<logic:equal name="project" property="levelPriority" value="middle">
							<div class="levelPriorityMiddle">middle</div>
						</logic:equal>
 
						<logic:equal name="project" property="levelPriority" value="low">
							<div class="levelPriorityLow">low</div>
						</logic:equal>
					</td>
					<td>
						${project.nom}
					</td>
				</tr>
		</logic:iterate>
	</table>

et mon CSS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.levelPriorityHigh{
	background-image : url(pic/priorityHigh.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.levelPriorityMiddle{
	background-image : url(pic/priorityMiddle.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
.levelPriorityLow{
	background-image : url(pic/priorityLow.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

comprends rien, j'arrive pô, j'vois pas mon erreur ...