html文字自动换行 ie,怎样让这个文字随着浏览器宽度自动换行？

如果li里面的字很长时屏幕缩到最小时会撑开滚动条 宽度还是原来那样 想让它随便浏览器宽度自动换行 并且去掉这个滚动条 这个应该怎么办呢 我加了word-wrap也不管用

主页

body,div,ul,li,a,form{margin: 0;padding: 0;}

li{list-style: none;}

#container div{text-align: center;}

#middle ul li{display: inline-block;width: 100%;height: 40px;line-height: 40px;word-wrap;}

#middle ul li a{width: 100%;display: inline-block;text-align: center;text-decoration: none;word-wrap;}

#main{margin-top: -20px;}

• ---

• aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

  ---