title: CSS a div at bottom and width:auto but width:auto failed
body: <pre><code>&lt;style&gt;
  .alt{
      width:auto;
      height:50px;
          text-align
      background:#333;
      border-top:2px solid #000; 
      box-shadow:0 0 10px #000;
      position:absolute;
      bottom:0;
      left:0;
  }
  &lt;/style&gt;
  
  &lt;div class="alt"&gt;
  TEXT CONTENT    
  &lt;/div&gt;
  </code></pre>
  
  <p>width:auto is not working correct i dont know why. it should be wide same as browser screen but it just wide as half of screen</p>