シンプルなメニューがあります：
<ul id="menu">
<li>A</li>
<li class="current">B</li>
<li>C</li>
</ul>
<--現在のアイテムの横に大きなグラフィック マーカー ( ) を配置したいと思います。
* A
* B <--
* C
マークアップを変更せずに、CSS だけを使用してそれを行うにはどうすればよいですか? 私の通常のトリックは、画像をアイテムの背景として設定することですが、この画像は非常に大きいため、アイテムのバウンディング ボックスによってトリミングされます。強調しておきますが、マーカーは文字列ではなく、画像です。