Div Margin Problem - Need Help

This image should explain it all really.

I want the darker gray to stay in the position it's at on that picture, while the lighter gray needs to move up to its original position, replacing the black. Explained more in detail with CSS code, etc.



Here's the HTML code (with just divs showing, code removed)

<div id="container">


	<div id="header"></div>

[B]Navbar is here in <ul> format[/B]


<div id="content">
				
<div id="toppg">
hello
</div>
	
<div id="bottompg">
</div>
		
</div>

</div>

Code (markup):

This is probably an easy fix, but I'm no guru so thanks for the help.

 

I see it works fine in IE, how ironic.

 

use....
toppg{
position: absolute;
top: 12px;
left: 12px}

Change the 12's until it sits where you need it... Give me a shout if you have problems

 

Damnit I was thinking that but I've had bad experiences with absolute text so I didn't want to put it lol -.-

Works fine now

Thank you sir.

 

No problem