html - CSS 下部の div と width:auto ですが、width:auto が失敗しました

Question

<style>
.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;
}
</style>

<div class="alt">
TEXT CONTENT    
</div>

width:auto が正しく機能していません。理由はわかりません。ブラウザ画面と同じ幅にする必要がありますが、画面の半分の幅です