Texte sur images background dans un div

Bonjour à tous,

J'ai besoin d'intégrer dans mon header une image qui sera le bandeau.
Sur ce bandeau je dois intégrer mon menu de navigation.
Du genre ou je veux, à gauche à droite, en fonction du top, du left, du margin-bottom, etc....

Question : Pourquoi, d'après vous je n'y arrive pas?

Voila mon code tous simpliste :

div#nav a:link {
	position:relative;
	top: 2em;
	left: 11em;
    color: black;
	text-decoration: none;
	font-weight: bold; 
  }

_____________________________________________
_____________________________________________

<div id="nav">
<a href="/stradandco">Accueil</a> 
<a href="spip.php?rubrique2"><img border="none" src="IMG/rond.png" width="8" height="8" alt="La strada" /> Ethique</a>
<a href="#"><img border="none" src="rond.png" width="8" height="8" alt="" /> blabla</a> 
<a href="#"><img border="none" src="rond.png" width="8" height="8" alt="" /> blabla</a> 
</div>
<img border="none" src="header.jpg" width="817" height="170" alt="" />

J'ai bien essayer avec background-image: url(, position: relative, absolute...etc mais rien ne fonctionne !


Merci pour votre aide, je n'y comprends plus rien !