如何让页面收缩而页面左右两块div位置相对不变

写博客页面时，会有这样的需求：页面分为左右两大块，左边放标题、正文，右边放各种杂七杂八的信息，如广告。
写了两个div

		<div id="left">
			左边正文
		</div>
		<div id="right">
			右边广告
		</div>代码片

写样式：

#left{
	float: left;
	width: 70%;
}
#right{
	float: left;
	width: 30%;
}

这样两个div就可以左右并排放了。
但是当页面收缩的时候，右边的div会跳到左边div的下方。
怎么解决呢？
用position，同时右边的div float:right即可.

#left{
	float: left;
	width: 70%;
	position: absolute;
}
#right{
	float: right;
	width: 30%;
	position: relative;
}