problem med position: relative!

Hallå, vill placera en bild under själva innehållet på min sida och eftersom höjden på innehållet varierar så går det inte att placera den med position:absolute , css-en ser ut som följer:

#content {
padding: 5px;
width: 586px;
overflow: auto;
font-family: verdana;
font-size: 12px;
color: #000;
position:absolute;
top:60px;
left:10px;
border: 2px dotted #CCC;
} 

#bottom {
position:relative;
top: 10px;
}

i html-koden ser det ut så här:

<div id="content">
<h1>Företagsinformation</h1>
<p> bla bla bla bla </p>
</div>
<div id="bottom"><img src="images/meny_03b.gif" width="600" height="40" alt="" /></div>

men #bottom hamnar bara 10px från toppen av sidan. så vad har jag gjort för fel? å finns det nåt annat smidigare sett å lösa det hela på?

snabba svar tack, måste va klar med det här snart ;)

Hmm...
Kan du inte bara göra något i stil med det här då ?

[b]<div id="contentcontainer>[/b]
<div id="content">
<h1>Företagsinformation</h1>
<p> bla bla bla bla </p>
</div>
<div id="bottom"><img src="images/meny_03b.gif" width="600" height="40" alt="" /></div>
[b]</div>[/b]

och

[b]#contentcontainer{
position:absolute;
top:60px;
left:10px;[/b]
}
#content {
padding: 5px;
width: 586px;
overflow: auto;
font-family: verdana;
font-size: 12px;
color: #000;
[s]position:absolute;
top:60px;
left:10px;[/s]
border: 2px dotted #CCC;
} 

#bottom {
[s]position:relative;[/s]
[b]margin-[/b]top: 10px;
}