横向滚动和竖向滚动同时存在 横向滚动不好用了

<div class="mui-content">  
        <div id="id1" class="mui-scroll-wrapper  mui-segmented-control mui-segmented-control-inverted">  
            <div class="mui-scroll">  
                <a class="mui-control-item mui-active">推荐</a>  
                <a class="mui-control-item">热点</a>  
                <a class="mui-control-item">北京</a>  
                <a class="mui-control-item">社会</a>  
                <a class="mui-control-item">娱乐</a>  
                <a class="mui-control-item">科技</a>  
            </div>  
        </div>  
    </div>  

    <!--<div>  
        <div id="id2" class="mui-scroll-wrapper">  
            <div class="mui-scroll">  
                <p>  
                    fasfsaefasef  
                </p>  
            </div>  
        </div>  
    </div>  
   -->  

上面是横向滚动条 ，添加下面的纵向滚动条后横向不好用了，请回答下