私は必死にリスト要素にいくつかの空白を追加しようとしています（以下の簡略化されたバージョン）
<ul>
<li>‌  A1</li>
<li>‌    A1.1</li>
...
</ul>
私の問題は、IE7が空白を無視しているため、ゼロ幅非接合子（‌）を追加したことです。そして、ここに次の問題があります。IE7は‌、をパイプ（垂直バー）としてレンダリングしています。
この問題を解決するためのヒントはありますか？私の目的は、空白（またはその他）を含むリスト要素を意図することです。
技術的には、IE 7が「パイプ」を表示する理由は、これが表現できない文字の表示であるためです。IE 7は、ZWNJが制御文字であることを認識せず、フォント内でそれを見つけようとします。これは、ほとんどのフォントで失敗します。フォントをZWNJを含むフォントに設定することで、これを回避できます。
li { font-family: "Arial Unicode MS", "Lucida Sans Unicode" }
もちろん、これは一般的なフォントに影響しますが、ZWNJ文字をspan要素内でラップし、それらにのみスタイルを設定することができます。
ただし、これは完全に間違ったアプローチのように見えます。ZWNJは合字の動作を防止するため、ここではまったく必要ありません。IEは、ノーブレークスペースを折りたたみ不可として扱います（コードを個別にテストすることでわかるように）。そうでない場合は、他に何かが起こっています。投稿したコードからは見えません。
空白でインデントするのは悪い考えです。margin-left代わりにCSSを使用してください。