title: How to make the banner image extend entire length, and logo to be centered?
body: <p>I am new to design and layout and I was given this wireframe:</p>
  
  <p><a href="http://problemio.com/problemionewest.pdf" rel="nofollow">http://problemio.com/problemionewest.pdf</a></p>
  
  <p>and I have to make the grey border extend the entire width, and the logo to be vertically centered.</p>
  
  <p>Right now I have this lol: <a href="http://www.problemio.com" rel="nofollow">http://www.problemio.com</a> - the banner extends all the way across, but there is an ugly vertical line on the right side of it because of the repeat. And also, I am not sure how to make the logo image be centered. The original image is a bit large, so I need to make it some percentage of the original and align center it vertically.</p>
  
  <p>Any ideas how I can do these? </p>
  
  <p>Thanks!</p>