2段カラムのCSS

うへぇ。ボク頭が弱いので、回避方法が思いつきません。

いま、2段カラムのページを作ってて、
左側20%、右側80%の指定をしています。ってCSS書いた方が早いのかな。

左側のメニューバーらしきもの

#menu {
	position: absolute;
	width: 20%;
	top: 170px;
	left: 0px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

こっちがメインで表示される方

#main {
	position:relative;
	width:80%
	top:50px;
	margin:0px 0px 0px 20%;
	padding:0px 0% 0px 0%;
}

こうしたら、Mozillaではちゃんと表示されるんだけど、IEだと、#menuを除いた分からwidth80%を取ってしまうので、64%のサイズしかwidthを取ってくれません。

逆に、#mainのwidthを100%にした時は、IEは普通に表示されるけど、Mozillaで横スクロールが出ます。

#mainの中に#menuを囲ってしまって、#mainの他のテキストはpadding-left:20%ということもできなくはないけど、できれば別々でやりたいなぁ。

なんか解決法があったような気もするんですが思い出せません。誰か助けてください。