div problem

har en maindiv som har en en typ border som BG, och i den diven så ligger 2st divar med left respektive right float, i IE så visas bordern men inte i F, någon som har nått tips på varför ?

#Left {
	width: 150px;
	float: left;
	}
#Right {
	width: 405px;
	float: right;
	}
#Main {
	width: 600px;
	background-image: url(grafik/bar.gif); 
	background-repeat: repeat-y;
	background-position: 165px 0%;
	}

<div id="Main">
	<div id="Left">
		 <p>
		Tjooo.
		</p>
	</div>
	<div id="Right">
		<p>
		Hoooo..
		</p>
	</div>
</div>

Om du lägger till en div under de båda andra och kör clear:both, löser detd itt problem??

<style type="text/css">
#Left {
	width: 150px;
	float: left;
	}
#Right {
	width: 405px;
	float: right;
	}
#Main {
	width: 600px;
	background-image: url(grafik/bar.gif); 
	background-repeat: repeat-y;
	background-position: 165px 0%;
	}
#Bottom {
	height:1px;
	clear:both;
}
</style>

<div id="Main">
	<div id="Left">
		 <p>
		Tjooo.
		</p>
	</div>
	<div id="Right">
		<p>
		Hoooo..<br />
		sdgsdg
		</p>
	</div>
	<div id="Bottom">
	</div>
</div>

danke schön, fungerar klockrent =)

PS, glöm inte acceptera som svar (i den röda listen till höger)... DS