Modificar CSS extensión Chrome pop-up texto seleccionado

He instalado una extensión de Chrome llamada "Selection Search" que sirve para que al seleccionar texto se abra un pop-up con distintos motores de búsqueda. El problema es que dicho pop-up se superpone al texto y me gustaría que se centrara en la parte superior del área seleccionada, para poder seguir viendo el texto seleccionado y que no sea tan invasivo. Como la extensión me deja modificar el CSS me gustaría saber que código tengo que inyectarle para que funcione como yo quiero.

El código actual es el siguiente:

. Popup .engine-name, .popup.mainmenu > li:first-child{
 display: none;
}
.popup a, .popup li{
 display: inline-block; padding: 0.2em;
}
.popup img{
 margin: 0; padding: 0;
}
.popup {
 width: auto;
 padding: 0.1em;
 white-space:nowrap;
}
.popup .engine-separator{
 width: 1px; height: 20px; margin: 0 3px 3px 3px; padding: 0; vertical-align: middle;
}
/*CONFIG_START{"submenu_position":"topright","submenu_corner":"bottomleft"}CONFIG_END*/

y en su versión HTML:

 <ul class="popup mainmenu">
        <li><input type="text" value="Selected Text" /></li>
        <li><a href="#"><img class="engine-img" src="#" /><span class="engine-name">Search engine name</span></a></li>
        <li class="engine-separator"></li>
        ...
        <li><a href="#"><img class="engine-img" src="#" /><span class="engine-name">Sub menu name</span></a>
            <ul class="popup submenu">
                <li><input type="text" value="Selected Text" /></li>
                <li><a href="#"><img class="engine-img" src="#" /><span class="engine-name">Search engine name</span></a></li>
                <li class="engine-separator"></li>
                ...
            </ul>
        </li>
    </ul>
    <div class="button"></div>