bonjours a tous

Voila je suis en création de site et je rencontre un petit problème dés le début, j'ai parcouru pas mal de forum et je m'y perd un peu
Donc je fais appel a votre savoir svp.

J'ai quelques bases XHTML, mais je dois reconnaitre qu'elles sont minimes

Donc, comme dis dans le titre, je n'arrive pas a mettre du texte sur mon image de fond, elle se retrouve en dessous donc invisible

Je dépose mon code XHTML et CSS... pour avoir votre avis.

XHTML:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
    <head>
        <title>titre a venir ;)</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
      <h1> LE TEXTE QUE JE NE VOIS PAS :( </h1>
 
        <div id="fond">
    		<img src="image/logo12.jpg" alt="fond" />
	</div>
    </body>
</html>
CSS:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
body {
	overflow:hidden;
}
#fond {
	position:absolute;
	top:0;
	left:0;
}
#fond,#fond img {
	width:100%;
	height:100%;
}
merci d'avance pour vos réponse