CSS リンクに画像を使用したいのですが…

Dreamweaver CS3を使用してホームページを作っています。

スタイルシートを利用しているのですが、
リンク文字の前には画像を使用したいと思っています。
現在は画像を繰り返しなしで左上配置の背景にしているのですが、
長い文章で改行が入るとし下のようになってしまいます。
-----------------------
★リンク リンク リンク
リンク リンク リンク
-----------------------
↓（こうしたい）
-----------------------
★リンク リンク リンク
　 リンク リンク リンク
-----------------------
リストでマークに画像を使用するのも試してみたのですが、
同じ結果になってしまいました。

下記にソースを表示いたしますので、
どう変更すればいいのか教えて下さい。
よろしくお願いいたします。

ソース
---------------------------------------------------

#main a{
text-decoration: underline;
line-height: 150%;
background: url(imgs/icon1.gif) no-repeat left top;
padding-left: 17px;
}

#main a:hover {
text-decoration: underline;
color: #f54589;
}

---------------------------------------------------

<div class="main">
<p><a href="#">リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク<br />
リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク<br />
リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク</a></p>
<p><a href="#">リンク リンク リンク リンク</a></p>
</div>
---------------------------------------------------

No.1 回答者： SAYKA 回答日時： 2008/09/27 16:16

pの方にpaddingじゃない？

どうしてもaってならmarginのような気もするし…というかそもそもaはinlineだし・・・