title: Css rotate div creates white space on top
body: <p>I have a div that I rotate from vertical to horizontal. The problem is that when I rotate it creates big space at the top. I want when rotate the div be stacked on the top. How can I achieve this the image size that I have as background is width 756 x height 1250</p>
  
  <pre><code>.body
  {
      width:756px;
      min-height:1250px;
      border-color:White;
      border-style:solid;
      border-width:thin;
      float:right;
      margin:0 auto;
      background-image:url("Images/bg.jpg");
      background-repeat:no-repeat;
        -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
  </code></pre>
  
  <p>}</p>
  
  <pre><code>&lt;div class="body"&gt;
  &lt;div &gt;
  &lt;div &gt;&lt;h2 style="font-size:20px;"&gt;&lt;div style="width:540px; margin-top:520px; margin-left:110px;   "&gt;
       &lt;asp:Label ID="lblNtitle" runat="server" 
           Text="" style="color: #000000" CssClass="style3"&gt;&lt;/asp:Label&gt;&lt;br /&gt;&lt;br /&gt; 
       &lt;asp:Label ID="lblNCompany" runat="server" Text="" CssClass="style3"&gt; &lt;/asp:Label&gt;&lt;/div&gt;&lt;/h2&gt;&lt;/div&gt;
  </code></pre>
  
  <p> 
      </p>