Thanks for helping me out. I managed to resolve my second and third problem but my front page still gives me a headache.

I put it in divs like this :

<div class="grey2">	
<?php
	$news = education_hub_get_home_news_block_content();
	$events = education_hub_get_home_events_block_content();
?>
<?php if ( $news || $events ) : ?>

<div id="featured-news-events">
		<div class="container">
			<div class="inner-wrapper">
				<?php echo $news; ?>
				<?php echo $events; ?>
			</div> <!-- .inner-wrapper -->
		</div> <!-- .container -->
	</div> <!-- #featured-news-events -->
<?php endif ?>
</div>

And gave it css

.grey2 {
    background-color: #e6e6e6;
    display: block;
    overflow:hidden;
    margin: 0 auto;
    float: left; 
}

But I cant center it, if I remove float: left featured news and events dissapear and i can’t use margin: 0 auto; to center div. Any ideas why’s that happening ? Results are visable here