Web designer PRO, please help me with <style="position:relative; >

[da_bsg]

Dear all Web design pro.

Please help me to solve this problem.

First of all, I would like to thank you taking your precious time reading this.

I am new businessman, doing a website for my company newly formed, I am not will taught about webdesign, here I have some problem I tried and tried couldn't solve the problem.

Is regarding the alignment.

Please visit this website: http://allkin.rr.nu
(note: website under construction, please only click the link (home) and (contact), broken link will link you to irritating ads.

You may mouseover the balloon link call: about, you will see a list of LINK.

This is the mouse over menu that I made.

So far so good, but I have one problem, Please look at the top of my webpage.

Have about 10pixel gap, how can I remove the gap.

I understand that the gap is cause by the code below:

<div id="menu" onMouseOut="out()" style="position:relative; top:165px; left:330; visibility:hidden;">


<a style="background:white" id="link" href="LINK5.htm">LINK1</a>
<a style="background:white" id="link" href="LINK5.htm">LINK2</a>
<a style="background:white" id="link" href="LINK5.htm">LINK3</a>
<a style="background:white" id="link" href="LINK5.htm">LINK4</a>
<a style="background:white" id="link" href="LINK5.htm">LINK5</a>
<a style="backgroundink" id="link" href="LINK5.htm">LINK6</a>
<a style="backgroundink" id="link" href="LINK5.htm">LINK7</a>
<a style="backgroundink" id="link" href="LINK5.htm">LINK8</a>

</div>

Can any one help me to cover back the gap by moving the whole webpage up and yet keep my mouseover Menu link.

I would not like to change the style="position:relative; to style="position:absolute" because if I change it the position will change with the explorer's width.

Hope you know what I am saying.

Hope all your experts can help me to solve this problem. thank you.

thank you very much.