Change background

Change background

Hi guys,

I'm ttrying to chance the background image of a DIV when an image is clicked in other div.
So i'm using this code:
  1. $(document).ready(function(){
  2.     $(".portfolio #page #content #menuPortfolio ul li img").click(function(){
  3.         var imgArea = $(".portfolio #page #content #imgGrande");
  4.         imgArea.css("background", "url(../images/fotos/"+$(this).attr("id")+".jpg) center center no-repeat");          
  5.     });   
  6. });
My CSS is:

  1. .portfolio #page #imgGrande{
  2.     width:460px;
  3.     padding:5px;
  4.     margin-bottom:10px;
  5.     border:    1px solid #adadad;
  6.     background: url(../images/fotos/fogos.jpg) center center no-repeat #efefef;
  7.     height:306px;
  8. }

But the div gets without any image, even the default image i set in css. So i checked the code with firebug and the css is being changed right. But even in the firebug, the thumb image do not load. :(
Could someone try to explain me what am ir doing wrong?