Absolute with a relative <div>

Hi

Can anyone tell me what is wrong with this css code. I'm trying to position an element to an absolute position within a div but it gets positioned relative to the page.

#navigation
{
width: 1035px;
background:#ededed;
padding-left:5px;
border-bottom:#666666 1px solid;
display:table-cell;
vertical-align:middle;
position:relative;
font-size:11px;
color:#FFFFFF;
}

#navigation .searchBoxButton
{
position:absolute;
display:inline;
top:8px;
left: 995px;
}

Thanks in advance.