CSS Positioning issue

ConsultClifford

ok ive got a DIV (with an image in it) at the bottom of my page that i want to position just above where i actually but the div.
In Firefox it is positioned correctly however it still leaves a space the size of the image where i have the DIV code
In IE it stays where i have the DIV code

Anyone know how to fix this please?


heres the css:

#leader{
position: relative;
left: 10px;
top: -150px;
z-index: 2;
}

colm_c

If you post a URL or code as it may not be this div that is causing the problem, could be the one before it, or it's parent even...

ConsultClifford

not on line yet so heres the code

HTML Code:
I have the div in the final rwo of the table as i want it to appear at the bottom of the page.....

<tr align="center"><td colspan="3">

<table border="0" cellpadding="0" cellspacing="0" width="770"><tbody><tr ><td colspan="2" class="bottomLinks" height="18"><img src="/templates/images/options.gif" width="700" height="35"></td></tr></tbody></table>

<div id="leader"><img src="/templates/killeenmain/images/leader.gif" alt="" align="right" /></div>

</td></tr></table>

CSS :


#golfball{
background-image: url(../../../images/golfball.gif);
background-repeat: no-repeat;
position: absolute;
padding: 5px;
width:144px;
height:169px;
left: 600px;
top: 0px;
z-index: 3;
}
#leader{
position: relative;
left: 10px;
top: -150px;
z-index: 6;
visibility : show;
}
#topgreen{
position: absolute;
height : 25px;
width: 770px;
left: 0px;
top: 0px;
z-index: -5;
background: #ecf5d9;
color: #ecf5d9;
}

the actual table the div is in is in this div:

#mainmaindiv{
position: absolute;
left: 0px;
width:770px;
top: 290px;
z-index: 1;
}


Tnx