Mysterious! – Calling all WordPress CSS gurus…

Would you mind looking at this and explaining why this happens as it seems like logic to me, but maybe its just a mystery…

My content area which repeats and appears behind everything is called the container.png and its div id is content-outer

Now if you look at my style.css and header.php code http://tinyurl.com/yfldnb4

You will currently see that in the header.php i have it in this order

<div id="content-outer">
       	<div id="navigation">
		<div id="subscribe">
			Subscribe by
			<!-- Use Feedburner/other RSS if specified, or default if not -->
			<?php
				if ($celadon_feedburner_url) { ?>
					<a href="<?php echo $celadon_feedburner_url ?>" id="rss_icon_link"></a>
					<?php echo "<a href='$celadon_feedburner_url'>RSS</a>" ?>
				<?php } else { ?>
					<a href="<?php bloginfo('rss2_url'); ?>" id="rss_icon_link"></a>
					<a href="<?php bloginfo('rss2_url'); ?>">RSS</a>
			<?php } ?>
			<!-- Show email subscription link if present -->
			<?php
				if ($celadon_email_subscription_url) { ?>
					<?php echo "or <a href='$celadon_email_subscription_url'>Email</a>" ?>
			<?php } ?>
		</div>

And if you look at my webpage the white part starts just above the menu, that menu area is the navigation

I wanted the white area to appear after the navigation and subscription so i changed the order and put the first line of code which is the content-outer to the last line as content-outer deals with the container.png

<div id="navigation">
		<div id="subscribe">
			Subscribe by
			<!-- Use Feedburner/other RSS if specified, or default if not -->
			<?php
				if ($celadon_feedburner_url) { ?>
					<a href="<?php echo $celadon_feedburner_url ?>" id="rss_icon_link"></a>
					<?php echo "<a href='$celadon_feedburner_url'>RSS</a>" ?>
				<?php } else { ?>
					<a href="<?php bloginfo('rss2_url'); ?>" id="rss_icon_link"></a>
					<a href="<?php bloginfo('rss2_url'); ?>">RSS</a>
			<?php } ?>
			<!-- Show email subscription link if present -->
			<?php
				if ($celadon_email_subscription_url) { ?>
					<?php echo "or <a href='$celadon_email_subscription_url'>Email</a>" ?>
			<?php } ?>
		</div>
<div id="content-outer">

As soon as i do that, the whole container.png white area disappears

Right now the way i have it. I have to have the navigation above the white. I dont want it right above the white, I want it just before the white.. but it wont let me

Any ideas why its disappearing. I mean logic tells me im just telling it to appear after the navigation and subscription area