how to make the background the same as the div size in css

Question

I'm developing a website and I need to know how can I make the background the same size of the div in the css .. I'm trying to make the BG size auto but it doesn't works > So does any one know a solution for that !!

Thanks

Answer 1

Try:

{  
 background: url(bgimage.jpg) no-repeat;
 background-size: 100%;
}

Answer 2

#header { 
      background: url(images/bg.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }