hi,

on my site here: John Biddulph - Creative Web Developer when you click on Examples you can see that on iPhone 4s, the background image is zoomed right in. even though I have set the width to 100%?!

Code:
@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
}
.bg-1 {
	background: url('../images/brighton-pier.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	width:100%!important;
  	height:100%;
}

.bg-2 {
	background: url('../images/brighton-pier.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	width:100%!important;
  	height:100%;
  	display:block;
}

.bg-3 {
	background: url('../images/worthing-pier.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	width:100%!important;
  	height:auto;
  	
}
}