Unwanted Blank Space on hyperlinked image

[iL <]

hi guys, i have no idea why this is happening
but i'm getting a blank space on the image i've put a hyperlink on

here's the code:

<div id="navbar">
            <a href="requirements.html"><img src="./images/requirements_button.png" style="position:relative;left:100px;top:10px ;" border="0" alt="Requirements"/></a><br />
            <a href="requirements.html"><img src="./images/courses_button.png" style="position:relative;left:100px;top:15px ;" border="0" alt="Courses on Offer"/></a><br />
            <a href="requirements.html"><img src="./images/employees_button.png" style="position:relative;left:100px;top:20px ;" border="0" alt="Employees"/></a><br />
            <a href="requirements.html"><img src="./images/commitments_button.png" style="position:relative;left:100px;top:25px ;"border="0"  alt="Commitments"/></a><br />
            <a href="requirements.html"><img src="./images/mte_button.png" style="position:relative;left:100px;top:30px ;" border="0" alt="Melb. Trade Expo"/></a>
        </div>

navbar css code:

#navbar{
    position:relative;
    top:-150px;
}

:S ??

 

[Digitalpoint]

Unable to get u

 

[timtamboy63]

Link us.

 

[iL <]

can't link running it on localhost