background + imagen como background

Hola a tod@s!
Tengo una duda respecto a CSS. Resulta que tengo un div creado al que tengo que aplicarle un fondo de color liso, pero además este div, debe incorporar una imagen, que podria definir con el tag <img> pero que para hacerla independiente del código XHTML la quiero fijar con CSS. Cuando intento montar el div usando background-color para el fondo liso y background-image para la imagen, no logro verla en el div. Alguien sabe por qué no consigo verla? Necesito fijar altura y anchura?

Gracias!

pues no deberia y podrias unir ambas declaraciones asi:

Código :

#idDelDiv{
background: url(direccion-de-la-imagen.jpg) #ccc;
}

solo para salir de las dudas, prueba poner una ruta absoluta a la imagen, la misma que te daria la barra de direcciones de tu navegador, algo como url(http://www.cristalab.com/images/header/logo.png)
si funciona entonces no estas apuntando bien a la imagen, puedes seguir usando rutas absolutas o revisar tu error, recuerda usar ../ para retroceder un directorio y carpeta/ para entrar en otro como ../../assets/imagenes/fondo.png

Pues no sé que tipo de ruta tengo porque insertaba la imagen desde la ayuda URL que ofrece dreamweaver, entiendo que se ocupa de poner la ruta relativa. Entonces, es completamente compatible poner fondo de color liso e imagen. Entonces, si quiero situar la imagen con background-position me situaría todo o sólo la imagen?

background-position te ubica la imagen dentro del div, al color no se le posiciona porque ocupa todo el div, y siempre estara por debajo de la imagen.
Abre tu archivo en Firefox y da clic derecho en el div y selecciona "Ver imagen de fondo", si no te aparece tienes mal las rutas.

si lo hiciste con dreamweaver cabe la posibilidad de una ruta mal especificada como la ruta relativa pero conforme al sistema operativo, no a tu proyecto, osea entrarian carpetas como mis documentos o similares, las cuales son inexistentes en tu proyecto final

Como dice tribak esto lo logras en una sola linea. Checate este codigo que hice, te puede servir para que saques conclusiones del manejo de las imagenes como fond0 en un div.

Código HTML :

<style>
#fondoLiso-imagen{ 
        background:#09F url(http://www.cristalab.com/images/header/logo.png) no-repeat;
   width:400px;
   height:142px;
}      
</style>

<div id="fondoLiso-imagen">
         Aquí va tu contenido, en el fondo hay una imagen y el resto del fondo es de un color solido
</div>