Как вставить изображение в кнопку?

Question

[Даник Грачёв]

Есть изображение 16х20.

Кнопка:
<a href="#" class="button2"/>текст</a>

css:
a.button2{
text-decoration:none;
text-align:center;
padding:11px 19px;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
background:#ff9900;
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
text-decoration:none;
text-transform:uppercase;

Как, собственно, вставить картинку в кнопку align=left?

Answer 1

[xaja]

a.button2 {position:relative}
a.button2 img {position:absolute;left:0px;}

Answer 2

[Dm4k]

Вариантов, на самом деле, несколько.
Можно картинку сделать бекграундом без повтора, позиционированное как вам удобно, и задать правильные размеры блока кнопки.