Не могу сделать фон резиновым, сайт работает на Joomla 3 - Вопросы по CSS

Не могу сделать фон резиновым, сайт работает на Joomla 3, текст и все колонки уменьшаются при уменьшении окна, а вот задний фон не хочет, убегает весь и корежится)) Подскажите как сделать его резиновым?

Вот код CSS который сейчас используется:

 

body{
 background-image: url(../images/fon.jpg);
 background-repeat:repeat-y;
 color:#353333;
 font-size:14px;
 line-height:18px;
 font-family:Trebuchet MS,
 Helvetica CY,
 Sans-serif;
 }
 body .inset-left{
 margin:15px 15px 10px 0px;
 float:left;
 }
 body .inset-right{
 margin:15px 0px 10px 15px;
 float:right;
 }
 .clr{
 clear:both;
 float:none;
 margin:0;
 padding:0;
 }
 .clr.bot{
 clear:both;
 float:none;
 height:25px;
 }
 blockquote.quotation{
 margin:10px 0px 10px 0px;
 padding:10px 35px 10px 35px;
 border:none;background:url(../images/typography/blockquote_start.png) 0 0 no-repeat;
 text-align:justify;
 }
 blockquote.quotation p{
 margin:0px -35px -10px 0px;
 padding:0px 35px 10px 0px;
 background:url(../images/typography/blockquote_end.png) 100% 100% no-repeat;
 }
 img{
 max-width:100%;
 width:auto;
 height:auto;
 vertical-align:middle;
 border:0;-ms-interpolation-mode:bicubic;
 }

  body {
  background: url('../images/fon.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 100% 100%; (или 100% cover)
  height: 100%;
  margin: 0;
  padding: 0
  }