Quiero crear una función de búsqueda para mi aplicación web.

Aquí están las miradas en FF & IE, está bien sin borde extraño

Firefox

ES DECIR

Y aquí está el aspecto en Chrome y Safari, tiene un borde extraño alrededor del elemento de entrada

Cromo

Safari

Aquí está mi código html y css

<input type="search" id="generic_search" onkeypress="return runScript(event)" />
<input type="button" id="generic_search_button" />

laborder:0 Se ha aplicado a todos los elementos.

#generic_search
{
    font-size: 14px;
    width: 250px;
    height: 25px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 7px;
}
#generic_search_button
{
    float: left;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    cursor: pointer;
    background-color: White;
    background-image: url(/Images/search.png);
    background-repeat: no-repeat;
    background-position: center center;
}

¿Cómo quitar ese borde?