모바일에서 css div의 width가 이상하게 나오네요.

<div  style="background-color:#FFFFFF; border-top: solid 2px #000; width:100%;border-bottom: solid 1px #DCDCDC;height:60px;">
    <div id="afdg" style="margin:0px auto;width:1000px;">
        <div style="float:left;">sss</div>
        <div style="float:right;">sss</div>
    </div>
</div>

위와같이 하면 안드로이드 모바일에서

<div  style="background-color:#FFFFFF; border-top: solid 2px #000; width:100%;border-bottom: solid 1px #DCDCDC;height:60px;">
    <div id="afdg" style="margin:0px auto;width:900px;">
        <div style="float:left;">sss</div>
        <div style="float:right;">sss</div>
    </div>
</div>

위와같이 하면 안드로이드 모바일에서

화면 오른쪽의 메뉴 라는 글자 위에 줄이 있기도 하고 없기도 합니다.

두 소스의 차이는 width:1000px; 와 width:900px; 의 차이 입니다. 

 무엇이 문제일까요???ㅠㅠ 3시간동안 이것저것 만져보다가 글을 남겨봅니다.