title: Image stuck to left
body: <p>Okay so this is a subscription box with fancybox that I'm making and everything is going well.
  Just a little problem here.
  the image that I'm using is stuck to the left and even margin property is of no use.</p>
  
  <pre><code>&lt;style type="text/css"&gt;
      body{
          background-image:url(../../images/subscribe.png);
          background-repeat:no-repeat;
          background-position:left bottom;
          margin-bottom:85px;
          line-height:2px;
          margin-left:10px;
          margin-right:10px;
  
      }
      #h1_1 {
  
          something;
  
      }
      #h1_2 {
          something;
      }
      #h1_3 {
          something;
  
      }
  
  /*
      #img1_1 {
          background-position:left bottom;
          margin:0px;
          background-repeat:no-repeat;
  
      }
      */
  
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
  
          &lt;p id="h1_1"&gt;
          &lt;b&gt;Subscribe Us&lt;/b&gt;
          &lt;br&gt;
          &lt;p id="h1_2"&gt; Sometext&lt;/p&gt;&lt;!-- end h1_2 --&gt;
  
          &lt;p id="h1_3"&gt; sometext&lt;/p&gt;&lt;!-- end h1_3 --&gt;
          &lt;/p&gt; &lt;!-- end h1_1 --&gt;
  
       &lt;!--   &lt;img src="../../images/subscribe.png" id="img1_1"&gt;  --&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>If the margin propety is applied the whole body gets shifted
  and if i don't put the image in the background, creatig  in the body, this way i can't write the exact text right besides the image.</p>