Как растянуть фото на всю ширину?

 
.widget_content_list.tiles-big .item {  }
.widget_content_list.tiles-big .item .title {  }
.widget_content_list.tiles-big .item { 
  float:left; 
  margin-bottom: 15px; 
  width:23%; 
  margin-right:15px;
}
.widget_content_list.tiles-big .item:nth-child(5),
.widget_content_list.tiles-big .item:nth-child(9),
.widget_content_list.tiles-big .item:nth-child(13),
.widget_content_list.tiles-big .item:nth-child(17),
.widget_content_list.tiles-big .item:nth-child(21),
.widget_content_list.tiles-big .item:nth-child(25) { clear:left; }
.widget_content_list.tiles-big .item .image { 
  margin-bottom: 5px; 
  clear:both; 
  width:100%; 
  height:130px; 
  overflow:hidden;
}
.widget_content_list.tiles-big .item .image a { 
  display:block; 
  width:100%; 
  height:100%; 
  background-position: center; 
  background-repeat: no-repeat; 
  overflow:hidden; 
  background-color:#bdc3c7; 
}
.widget_content_list.tiles-big .item .title { 
  font-size:14px; 
  margin-top:5px; 
  text-transform: uppercase; 
  font-weight: bold; 
  text-shadow: 0px 1px 0px #e5e5ee;
  filter: dropshadow(color=#e5e5ee,offX=0,offY=1); 
}
.widget_content_list.tiles-big .item .title a { 
  color:#686868; 
  text-decoration: none; 
}
.widget_content_list.tiles-big .item .title a:hover { 
  color:#ff6600; 
  text-decoration: underline; 
}
 
 

 
<a style="background-image:url('<?php echo html_image_src($item[$image_field], 'normal'); ?>')" href="<?php echo $url; ?>"></a>
 

 
<a href="<?php echo $url; ?>"><img src="<?php echo html_image_src($item[$image_field], 'normal'); ?>" alt="<?php html($item['title']); ?>" title="<?php html($item['title']); ?>" height="150" width="100%" style="margin-top:-35px;"></a>