Best markup for Glyphicons inside an input button...???

[Phil Doughty]

I want something similar to Gmail's [image: Inline images 1]

Is there a way other than:

input#searchsubmit.btn{
    background-image: url("../img/glyphicons-halflings.png");
    background-position: -48px 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    width: 14px;
}

To visually get:
 <i class="icon-search"></i>

Inside a:

<input type="submit" class="btn" id="searchsubmit" value="Find">



 Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936

<<image.png>>