CSS uitlijning div probleem

Hallo,
Ben bezig om mijn site goed te krijgen in IE en FF, maar ik wil 2 kolommen zegmaar dus, header, menu, 2 kolommen, footer (zie link)
http://party-vision.nl/APV/

het enige probleem is dat de rechter kolom pas begint onder de pagina titel, terwijl hij recht tegen het menu aan zou moeten zitten (gelijk met de bovenkant van de pagina titel div.)

index.php

<?php
	
	// De pagina (pag-titel, pag-text, info) weergeven
	echo '<div class="container">';

		// Pagina titel weergeven
		echo '<div class="pag-titel">';
			if($_GET['titel'] == "")
			{
				echo 'Home';
			}
			else
			{
				echo $_GET['titel'];
			}
		echo '</div>';

		// Pagina tekst
		echo '<div class="pag-tekst">';
			if($_GET['pag_typ'] == "Intern" OR $_GET['pag_typ'] == "")
			{
				if($_GET['pag_typ'] == "")
				{
					$id = 1;
				}
				else
				{
					$id = $_GET['id'];
				}

				$bquery = mysql_query("SELECT * FROM paginas WHERE id = $id");
				$brecord = mysql_fetch_array($bquery);
					echo nl2br($brecord['tekst']);
			}
			elseif($_GET['pag_typ'] == "Extern")
			{
				if(file_exist($_GET['titel'].'.php'))
				{
					include('_PAGINAS/'.$_GET['titel'].'.php');
				}
				elseif($_GET['titel'] == "Gastenboek")
				{
				if($_GET['titel2'] == "Plaats")
					{
						include('_PAGINAS/gb_plaats.php');
					}
					elseif($_GET['titel2'] == "Lees")
					{
						include('_PAGINAS/gb_lees.php');
					}
				}
				else
				{
					echo 'ERROR 404: Deze pagina bestaad nog niet.';
				}
			}
			else
			{
				echo 'ERROR 404: Deze pagina bestaad nog niet.';
			}
		echo '</div>';

		// Informatie (Nieuws, Agenda, Poll)
		echo '<div class="info">';
			echo '<p class="info-titel">Nieuws</p>';
				include('_PAGINAS/nieuws.php');
			echo '<p class="info-titel">Agenda</p>';
				include('_PAGINAS/Agenda.php');
			echo '<p class="info-titel">Poll</p>';
				include('_PAGINAS/poll.php');
		echo '</div>';
	echo '</div>';
	
	// Footer echoën
	echo '<div class="footer">';
		echo 'All rights reserved';
	echo '</div>';
echo '</div>';
?>

/*

Webdisign: Milo van Soest

Datum: 17 augustus 2009

All right reserved


Internet explorer, Firefox compitabel
*/



/* De pagina */
.container {
	width: 760px;
	height: 200px;

	border-left: 2px solid #FFFFFF;
	
border-right: 2px solid #FFFFFF;



	background-image: url(_IMAGES/container.gif);
}
.pag-titel {
	width: 490px;
	height: 23px;
	float: left;

	font-family: Verdana;
	font-size: 20px;
	color: #000000;

	margin-left: 25px;

	border-bottom: 1px dotted black;
}
.pag-tekst {
	width: 465px;
	height: 23px;
	float: left;

	font-family: Verdana;
	font-size: 11px;
	color: #000000;

	margin-left: 50px;
	padding-top: 5px;
}

/* Informatie (Nieuws, Agenda, Poll) */
.info {
	width: 220px;
	height: 200px;

	float: right;

	font-family: Verdana;
	font-size: 11px;
	color: #000000;

	padding: 2px;

	border: 1px solid black;
}

/* Footer */
.footer {
	width: 760px;
	height: 25px;

	font-family: Verdana;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;

	text-align: center;
	line-height: 25px;

	background-color: #000000;

	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

weet iemand wat ik fout doe en wat eventueel beter kan in mijn CSS, en hoe ik mijn probleem kan oplossen