Вопрос по div'у

[Bassboost]

всем доброе время суток!
У меня есть одна не большая проблема по размещение блока div
А проблема заключается в том вот я делаю с нуля сайт для Joomla и у меня есть пока что одна маленькая проблема с правой колонкой.
Когда к примеру в левой колонки вытягивается с 500px, до к примеру до 900px; правая колонка падает в низ, а должна стоят на ровне с левой.
Вопрос как мне ее удерживать на вверху?
Что нужно прописать в CSS или добавить еще один блок div?

Вот так должно выглядеть


А у меня он падает


вот код HTML страницы

<div id="content">
        	<div id="text">
            	<jdoc:include type="component" />
            </div>
     	</div>
     	<div id="menu">
        	<div id="menu_img"></div>
            	<div id="menu_2">
                	<?php if($this->countModules('left')) : ?>
                	<jdoc:include type="modules" name="left" style="rounded" />
                	<?php endif; ?>
				</div>
  </div>
       <div id="otstup"></div>

Код CSS

#content{
	margin:0;
	margin-left:20px;
	margin-top:10px;
	padding:0px;
	padding-top:20px;
	background-color:#9c0000;
	width:655px;
	min-height:522px;
	position:relative;
	z-index: 2;
}

#menu {
	margin:0px;
	margin-top:-685px;
	margin-right:20px;
	padding:0px;
	background-color:#9c0000;
	width:290px;
	min-height:685px;
	float:right;
}

#menu_img {
	margin:0 auto;
	margin-top:20px;	
	padding:0px;
	background:url(../images/menu.png) no-repeat;
	width:112px;
	height:42px;
}

#menu_2 {
	margin:0 auto;
	padding:0px;
	width:200px;
	min-height:300px;	
}

#otstup {
	height:10px;
	clear:both;

}

#text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#FFFFFF;
	padding-left:25px;
	padding-right:20px;
}