два блока рядом по середине

[_axl]

Здравствуйте! Подскажите, пожайлуста, как можно сверстать вот такой расположение блоков на странице:

Сайт будет колончатым, прижатым к левому краю, поэтому расстояние от края до блока можно брать только от левого, расстояние от правого будет зависеть от разрешения монитора. Я было почти сверстал вот так:

<style>
#content{ float: left; width: 275px;  }
#container{ float: left; margin-right: -90px; padding-left: 40px; }
#menu{ margin-right: 200px; border: 1px solid red; text-align: right;   }
#clearing {height: 0; clear: both; }
</style>



<div style="margin-left: 400px; padding-top: 65px;">
	<div id="container">
		<div id="menu">
			<a href="#" >Ссылка1</a><br />
			<a href="#" >Ссылка1</a><br />
			<a href="#" >aaaaaawwwwwwwСсылка1</a><br />
			<a href="#" >Ссылка1</a><br />
			<a href="#" >Ссылка1</a><br />
		</div>
	</div>
		<div id="content" >
			<h1>Заголовок</h1>
			Текст Текст Текст Текст Текст 
			Текст Текст Текст Текст Текст 
			Текст Текст Текст Текст Текст 
			Текст Текст Текст Текст Текст 
			Текст Текст Текст Текст Текст 
		</div>
		<div id="clearing"> </div>
	</div>

но так блок с меню ведет себя не так как надо, если ссылка длинная и она делает блок шире, то текст как бы отталкивается от левого края, который остается неподвижным, а двигает правую границу, заодно двигая и блок с контентом., вот так:

Что можете посоветовать, как победить трабл?