Hey... I'm having a problem with the template I'm designing for my blog. It works fine in Mozilla and safari, but for some reason, IE keeps placing the main body under the end of the nav bar... The nav bar istelf is floated.

The whole CSS file is here: http://elgatodesigns.net/blogs/skins/earthy/custom.css

but the relevant sections are as follows.

Main content:

div#main {
	display: block;
	background: #FFF;
	width: 470px;
	clear: none;
	}

Sidebar:

div#sidebar {
	clear: none;
	display: inline-block;
	float: right;
	background: #FFF;
	width: 170px;
	font-size: 80%;
	}

Yes, the CSS is rather sloppy at the moment, but I plan on fixing that after I iron out the bugs.

Thanks,
nick

PS. My blog url: http://elgatodesigns.net/blogs/

EDIT: Fixed it myself... used IE's wonderful "conditional comments" to use absolute positioning instead of a float in IE.