css 中使用 overflow-x: auto;之后，超出滑动条的内容的属性如何控制？

当选中li时设置li背景颜色为蓝色，但是当横向滑动条向右移动时，超出规定宽度的地方，背景颜色失效，求大神帮忙看下

 <style>
    ul,li{list-style:none;margin:0;padding:0}
    li:hover,li.hover{background:#eee;width:100%}
</style>

<div style="width:100px;height:200px;overflow-x:auto" id="dv">
    <ul style="">
        <li class="hover">11111111</li>
        <li>222222222222222</li>
    </ul>
</div>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script>
    $('#dv li').css('width',$('#dv')[0].scrollWidth)
</script>

你可以把这个li的宽度跟div宽度一样

可以设置li的宽度啊