背景に?マークをエンボス加工風に配置するサンプル

背景に?マークをエンボス加工風に配置するtips（IE未対応）。

質問のテキストボックスの右下に大きめに?マークを配置します。

HTMLはこんな感じ。

<ul class="faq">
 <li><a href="link">question1</a></li>
</ul>

んで、CSS。

.faq li:before {
 content: "?";
 margin-bottom: -110px;
 height: 110px;
 font-size: 110px;
 display: block;
 position: relative;
 right: 0;
 bottom: 35px;
 color: transparent;
 text-align: right;
 text-shadow:
 0 0 4px rgba(255, 255, 255, 0.4),
 0 0 0 rgba(0, 0, 0, 0.1);
 }

ポイントは、color:transparentとmargin,height,font-sizeを使っての配置でしょうか。