Any way to remove this space :mentalblock:

[Ntfu2]

I'm working on a nice CSS side navigation and am encountering this one small problem before i release it.

I have this huge space where the navigation would show up, see screen shot.

CSS code below

.buttonscontainer {
width: 100px;
position: relative;
left: -125px;
top: -10px;
 }

.buttons a {color: #000000;
background-color: #FFFFFF;
padding: 2px;
padding-left: 3px;
display: block;
font: 13px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {background-color: #FF0000;
color: #000000;
text-decoration: none;}

and HTML to start

<div class="buttonscontainer">
<div class="buttons">
<a href="/">Home</a>
<a href="/forums/search.php">Search</a>

</div>
</div>