android - モバイル版では左側にのみテキスト

Question

モバイル スタイルシートを使用してサイトをモバイルにしましたが、テキストをダブルタップしたかのように、リスト内のテキストが左側にしか表示されません。私はAndroid 4.2を使用しています。これは標準のCyanogenmodブラウザーにありますが、他のブラウザーでも同じです。

私はすでに試しました：

width:100%;
word-wrap:normal;
text-wrap:none;

HTML:

<div id='bottom'>

<hr>

<span id='lastEdit'>
<?php echo 'Laatst gewijzigd: '.date('d F Y:',filemtime('index.php')); ?><br>
</span>

<ul>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
</ul>

<span id='nextEdit'>Wat nog komt:</span>

<ul>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
    <li>- Lorem ipsum dolor sit amet...</li>
</ul>

</div>

CSS:

span#lastEdit,span#nextEdit
{
font-weight:400;
width:100%;
word-wrap:normal;
text-wrap:none;
}

ul
{
list-style-type:none;
padding-left:5px;
width:100%;
word-wrap:normal;
text-wrap:none;
}

div#bottom
{
clear:both;
font-size:50px;
width:100%;
}

それでも何も変わらない！

前もって感謝します。

更新：IOS（SafariおよびChrome）で動作します