title: CSS: Full Left & Right Bleed Images
body: <p>On my homepage, I'm trying to make three images span the entire width of the browser window. See my site here: <a href="http://accelfoods.com" rel="nofollow">http://accelfoods.com</a>. I want the last 3 images on the page (About AccelFoods, Industry Engagement, Portfolio Companies) to be the same width as the image directly under the navigation. </p>
  
  <p>I've figured out how to control #page-body and can make the image go to the edge of the left side (like this: <a href="http://imgur.com/gfXPyPK" rel="nofollow">http://imgur.com/gfXPyPK</a>). But I don't know how to make the white space on the right disappear. </p>
  
  <p>I've commented this CSS out for now until I figure it out, but here's what I'm using to manipulate the images: </p>
  
  <pre><code>#page-body {
  
  margin-left: 0px;
  
  padding-right: 0px;
  border-right: 0px;
  margin-right: 0px;
  
  overflow-x:hidden;
  width: 100%;
  
  }
  </code></pre>
  
  <p>Any help would be greatly appreciated, thanks!</p>