title: Set body size in CSS?
body: <p>I just created a lockscreen theme for my iPhone. It works, but for some reason I cannot remove the black background space of the body, i.e. resize the body along the right and bottom edge of the lockscreen.</p>
  <p>I created a short slideshow so you get the.. indeed.</p>
  <p>Here's the relevant HTML and complete CSS code. Note that I added many unnecessary '0px' properties just to see if they'd make a difference:</p>
  <pre><code>&lt;body&gt;
  &lt;div id=&quot;background&quot;&gt;
  &lt;img src=&quot;LockBackground.jpg&quot; width=&quot;320&quot; height=&quot;480&quot;&gt;
  &lt;/div&gt;
  
  &lt;div id=&quot;labels&quot;&gt;
      &lt;div id=&quot;clock&quot;&gt;//e.g. 6:12 AM
      &lt;/div&gt;
      &lt;div id=&quot;day&quot;&gt;//e.g. Sunday
      &lt;/div&gt;
      &lt;div id=&quot;date&quot;&gt;//e.g. 5 Aug
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>    *{ margin: 0px; padding: 0px; border: 0px; }
      body  { background-color: #000; border: 0px; margin: 0px; padding: 0px; position: absolute; font-family: Helvetica Neue; font-size: 50px; color: #fff; width: 320px; }
      img { border: 0px; margin: 0px; padding: 0px; top: 0px; left: 0px; width: 320px; z-index: 0; }
      #labels { position: absolute; width: 290px; top: 50%; margin: -0.7em 0 0 30px; }
      #day { line-height: 0.8; }
      #date { position: absolute; margin-top: 18px; line-height: 0.6; }
  </code></pre>