title: Resizing a background image, as it's too big for the browser
body: <p>So I'm designing a web page that is incomplete atm, it's only missing 2 buttons so its fairly simple. Instead of messing around with Divs and css styling I decided to make the background in photoshop. I created the image in a resolution of 1920x1080, when I apply the image as the background it doesn't fit the browser window so the bottom right corner is missing. Is there any code I can add to fix this issue or is my best option just recreating the image at a smaller resolution and if so, what resolution should I build for?</p>
  
  <p>Here is a link to page in case I didn't explain clearly enough:
  <a href="http://www.itss.brockport.edu/~rsiss1/cis442/BulletinBoard/BulletinBoard" rel="nofollow">http://www.itss.brockport.edu/~rsiss1/cis442/BulletinBoard/BulletinBoard</a></p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;?xml version = "1.0" encoding = "utf-8" ?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
  &lt;html xmlns = "http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;title&gt;BulletinBoard&lt;/title&gt;
  &lt;style&gt;
  body {background: url(BulletinBoardBg.jpg);
      background-position: center no-repeat;}
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>