유동성 버튼 만들기

.button,.button a,.button button,.button input { position:relative; display:inline-block; text-decoration:none; border:0; height:23px; font-size:12px; line-height:23px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./image/button.gif) no-repeat; vertical-align:middle; color:#333;}
.button a,.button button,.button input { left:2px; overflow:visible; padding:0 10px 0 8px; background-position:right top; cursor:pointer; _vertical-align:top; }
.button input {padding-top:2px;_padding-top:0;}
.button *:hover { color:#690; }
.pd_r5{padding-right:5px;}
.pd_t5{padding-top:5px;}
//-->
</style>

<span class="button"><a href="#">TEXTTXT</a></span>
<span class="button"><a href="#">TEXTTXT</a></span>

<span class="button"><button type="button">TEXT</button></span> 
<span class="button"><input type="submit" value="결제하기기기기기" /></span>