Sidebars pushed down in IE..

[isabelgica]

Hi everyone,

I'm trying to resolve (for some weeks now) the following:
I have a OpenRealty website running with a commercial template applied to it.
About 2 weeks ago I upgraded to the latest version and since then, the code broke in IE, ie: suddenly the left and right sidebars are pushed below the center.

I've tried everything I know, checked the whole site with the Firefox Webmaster toolbar, but am unable to fix the problem.. In Firefox and Safari everything is displayed perfectly, but as said before in IE the layout gets shifted...

the site is ruralsunproperties dot com.

I think that the problem might be located in the style_1_main.css file. I also contacted with the company who designed the template, but first it took me one week nearly to get an answer to my emails, and then they requested an amount higher than the template price, only to look at the thing.. (customer service yeah..)

Here's the code for the content: we have leftcol, and then twocols including the maincol & the rightcol.

#leftcol{
 /*width:10%;*/ width:200px;
 float:left; 
 position:relative; 
}
 
#twocols{
 /*width:90%;*/ width:790px; 
 float:right; 
 position:relative; 
}
 
#rightcol{
 /*width:12%;*/  width:200px;
 float:right; 
 position:relative; 
}
 
#maincol{
 background-color: #F9F9F9;
 float: left; 
 display:inline; 
 position: relative; 
 /*width:88%;*/ width:590px;
 }
#maincollisting {
	background-color: #F9F9F9;  
	float: left; 
	display:inline; 
	position: relative; 
	width:100%; 
}

I really hope someone might be able to help me here, I'm convinced that the problem is a minor detail because the site displayed allright before the upgrade...

MANY thanks in advance for your hints, tips, advise, feedback, ...!
rgds,

[abduraooft]

I'd recommend you to check http://bonrouge.com/3c-hf-fluid.php, to see how to make a good 3 column layout, without the box model issues, and with very few floats.

[isabelgica]

thanks!

I will check this now and will let you know if it solved the problem