Search Box Position

Dear Gavick, I have a positioning issue. I have created a custom position "SEARCH" in order to move the search box from the bottom to the top right corner. Here's my style:

#search{
position: relative;
z-index: 10000001;
padding-top: 5%;
width: 157px;
float: right;
}

It works fine in major browsers, but when I test it on mobile devices, the position of the search box is off. It moves to the left and I can't fix it. Could you please tell me how to fix this?

Thank you in advance.

The position also changes as I re-size the browser on my PC...

Anyone? Please.