Problema colocar Texto sobre Imagen

[Sabin]

Buenas, estoy comenzando con CSS y obviamente son mas dudas que certezas,

El problema que me surgio en si y que no logro solucionar es el siguiente,

Quiero que mi menu de navegacion aparesca sobre una imagen, pero a pesar que coloco el div con los links de mi navegacion dentro del div que contiene la imagen por algun motivo no queda el texto de los links sobre la imagen sino que estos quedan por debajo.

Por lo que algo que pretendo quede asi:



Me esta quedando asi:



Dejo el codigo html a ver si alguien me sabe orientar con el css.

Código HTML:

<div id="imgNav">
    <img src="fondonav.png" width="702" height="47" border="0">
    <div id="navegador"> 
	<a href="#" class="enlacenav">Inicio</a> | 
	<a href="#" class="enlacenav">Partidos</a> | 
	<a href="#" class="enlacenav">Plantel</a> | 
	<a href="#" class="enlacenav">Socios</a> | 
	<a href="#" class="enlacenav">Galeria</a> | 
	<a href="#" class="enlacenav">Anuncios</a> |
    <a href="#" class="enlacenav">Contacto</a> 
	</div> 
    </div> 

Gracias :D

[ZoroRoronoa]

quita el img, no lo poongas
y en el DIV navegador, ponlo de fondo con CSS

#navegador {
background-image:url('ruta/de/imagen/fondonav.png');
}

Saludos.

[Sabin]

Es una buena opcion, el problema que me da es que de esa forma dentro del div se trata a la imagen como si fuera un mosaico y se repite hasta completar la anchura del div que utilizo como contenedor de la pagina.

[emprear]

ese comportamiento lo podés manejar con las propiedades
background-position y background-repeat

Saludos

[Sabin]

Perfecto, Gracias a los dos, ahora si va tomando mucho mejor forma, a ver si con esto me arreglo y sabiendo que es por este lado me pongo a investigar para que quede exacto como quiero.

[ZoroRoronoa]

si nos das el link de tu imagen.
Por que es raro que te lo tome como mosaico, si es asi esto, se a de deber a que haz aplicado dimensiones fijas al div, y que son menores a la de la imagen.