新手提问：div加上width后hover应用范围会缩小？

<script>
            $(document).ready(
                function(){
                    $('.button').hover(
                        function(){
                            $(this).addClass('hover');
                        },
                        function(){
                            $(this).removeClass('hover');
                        }
                    );
                }
            );
        </script>
下面是body
<div class="letters">
            <div class="button">load</div>
        </div>
下面是css
.letters{
                width:500px;
                margin:15px;
            }
            .button{
                border:1px solid red;
                padding:20px 10px;
                text-align:center;
            }
            .hover{
                background-color:#aea;
                cursor:hand;
            }
当不加letters div的width时，一切正常
但当加了后，我移到文字上时才变色。移入div不变色。
请问怎么解决啊，我要指定div的宽度啊

div默认的width是auto

你的问题是IE对auto的理解不同造成的，改成100％就行了

            .button{
                width:100%;
                border:1px solid red;
                padding:20px 10px;
                text-align:center;
            }

哇。真灵也。
请问IE对auto的理解是什么呢？
这些有帮助文件能查到么