Expandable stretchy image button

                                            
     
    Stretchy button!   //alt .btn1 {
    width: auto;
    position: absolute;
    bottom: 20px;
    left: 20px;
    cursor: pointer;
    text-decoration: none;
}
 .btn1 p span {
    padding-top: 6px;
    height: 29px;
    width: auto;
    color: #fff;
    font-family: inherit;
    text-transform: uppercase;
    font-size: 1.5em;
    float: left;
}
 .btn1 p .span1 {
    position: absolute;
    background: url("btn1.gif") left top no-repeat;
    width: 20px;
    float: right;
}
 .btn1 p:hover .span1 {
    width: 20px;
    background: url("btn1.gif") -20px top no-repeat;
}
 .btn1 p .span2 {
    padding-right: 8px;
    padding-left: 12px;
    background: #ae4c25;
    float: left;
}
 .btn1 p:hover .span2 {
    color: #fff;
    background: #315766;
}