Styles not fully applying when loading nested view

[eluser]zulubanslee[/eluser]
I want to modularize a little, so my menu section is one view and my sidebar is another and the footer another. I wanted to do this:

Here is my controller code:

Code:

$data['header'] = $this->load->view('header');
$data['sidebar']= $this->load->view('sidebar');
$data['footer'] = $this->load->view('footer');
$this->load->view('main_view');

Then in the view I have

Code:

<!--html-->
<?php echo $header;?>
<!--more  html-->
<?php echo $sidebar;?>
<!--more html-->
<?php echo $footer;?>

It prints, but see this:

http://i.imgur.com/W5sqo.jpg

I left out the sidebar and footer because it's more of a mess.

With the code in one file it's fine.