CSS Background repeat issue -

hey guys cant seem background not repeat or border show here code

html: <div id="content">   <div class="product">   <p><strong>wonderful guest house</strong></p>     <p><img src="images/knysna.jpg" width="282" height="171" align="absmiddle" /></p>     <p>guest houses great alternative accommodation expensive hotels when         travelling business or pleasure. guest houses offer &nbsp;the same services big hotels cooked meals, airport shuttles, satellite tv, internet connectivity&nbsp; , conferencing facilities.          </p>     <p class="style1">>> <a href="#">visit website …. </a></p>   </div> </div>   css: #content{ width:90%; margin-top: 60px; margin-left:5%; margin-right:5%; background-color:#ccc; background-image:url('images/prodblock.jpg') background-repeat: no-repeat; }  .product{  width:318px; display:block; float: left; } 

honestly have tried every way find online cannot work :/ dont see conflicts here might missing something.

this happens in browsers tested

thanks input in advance.

you missing semi-colon @ end of background-image property , hence, next property fails i.e background-repeat

background-image:url('images/prodblock.jpg');                                           --^--