Fix words "Home | Imprint" on the top of a page

Template created with Artisteer 3.1.
Using WP 3.3.1 in combination with Safari-, Chrome- and Firefox browser.
URL: https://asn.flight-simulation.eu

Hello all,

The problem has to do with a text block (Home | Imprint) above my header.
In my case the addition words “Home” and “Imprint” (see URL) are in the correct position when the browser is in full screen mode (2560×1440). To create these words and position, I added additional coding in style.css and header.php.
Recently I found out that when resizing the browser window, the words do not stay in position, but rearranges thus they are not fixed in relation to the header.

The only problem is, how or what do I need to change in the coding to get it an absolute position, irrespective of the browser window size.
I found myself a little stupid to ask, but honestly, my knowledge is not that high of php scripting.
Currently the header.php has the following coding for these two words/links:
<div class=”homelink”>Home  |  Imprint</div>

In style.css I added the following coding which gives the correct position as can be seen on attachment home1.jpg:
/* Added additional coding for Home link above header */
.homelink a {
text-decoration: none !important;
}

.homelink {
margin-left: 30.5%;
padding: 10px 0 0 7px;
font-family: Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: bold;
font-size: 11px;
}

I tried today changing the code “margin-left: 30.5%;” into “margin-left: 100px;” as a try-out. The 100 px is probably not correct, but only to see the output.
The problem stays the which means when the width of the browser window changes, the position of the words change.
I don’t know if you can help me, but is there a way to lock the words/links “Home” and “Imprint” on a particular position irrespective of the browser width?

Thanks in advance for your reply.

Kind regards,
Angelique van Campen