Glyphicon in input-prepend off by 1 pixel

[Scowen]

When using a glyphicon in the input prepend, like a search icon for a search bar, the prepended CSS is off by one pixel. Here is the code I used to test:

<div class="input-group input-group-lg">
    <span class="input-group-addon glyphicon glyphicon-search"></span>
    <input class="form-control" type="text" name="input">
</div>

By adding 'style="top: 0px;" ' to the span, this was fixed, example:

<span class="input-group-addon glyphicon glyphicon-search" style="top: 0px;"></span>

I have only tested this in Chrome.

[cvrebert]

You should put the glyphicon classes on a nested span within the add-on, not on the add-on span itself.

[Arcrammer]

Thanks!
Here's a demonstration of what cvrebert said:
<span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span> as opposed to <span class="input-group-addon glyphicon glyphicon-search"></span>