Imagen de fondo no funciona

[rynkydynky]

Un saludo amigos del foro. Tengo este codigo de un div en un hoja de estilos style.css:

Código PHP:

  #contenido {
    position: absolute;
    left:600px;
    top:603px;
    width:617px;
    height: auto;
    z-index:3;
    background-color:#FFFFFF;
    border: none;
    text-align:justify;
    background-image: url(img/fondo_capoeira.png);
    background-repeat: no-repeat;
    background-position:bottom left;
} 
   

Pero al vincularlo a la pagina =

Código PHP:

  <link href="css/style.css" rel="stylesheet" type="text/css" /> 
   

no me muestra la imagen de fondo. Pero curiosamente si pego el codigo dentro de la pagina antes del head, funciona normalmente. Lo que quiero es dejar todos los codigos en hojas css aparte, no quiero dejar codigo dentro del html.


De antemano gracias por la ayuda.

[Mikmoro]

Eso suena a error de ruta.

Según indicas, la hoja de estilo está en una carpeta llamada css, y la imagen en una llamada img, ambas por debajo del index.

Entonces, para llamar a la imagen tendrás que poner:

background-image: url(../img/fondo_capoeira.png);

Es decir, un nivel más arriba de donde está la css (../), y dentro de la carpeta img.

[rynkydynky]

Claro. Que bruto no me habia fijado. gracias!!!.