Quandaries between Firefox and IE

[shotgun_ninja]

Hi again,

I am designing a page for an online education website. I have checked it with W3, and both the page and stylesheet are W3C-Compliant XHTML and CSS. But for some reason, the right sidebar, although working in IE6/7 (although it might be a fluke, ), is NOT working in Firefox. It always seems to jump down below the main content div. I have attached the edited-for-content code. If anyone can help, it'd be greatly appreciated.

[Medyman]

It's a fluke when anything works in IE Validation doesn't guarantee anything. It's synonmous to using Word's spell and grammar checks. Sure, it catches some common mistakes but there could certainly be other mistakes in the peice. Unfortuatnely, MS Office doesn't come with logic and rhetoric checks, yet.

Anyway, to your problem. You're using clear imporperly. You can read more about it's proper usage here.

div.left {
	width: 18%;
	background-color: #CCCCFF;
	border: 1px solid black;
	float: left;
	clear: right;
}

div.right {
	width: 20%;
	border: 1px solid black;
	background-color: #CCCCFF;
	float: right;
	clear: left;
}

The highlighted should be removed.