Hi

I have a problem in IE7 with a 2 column liquid layout, it consists of

<div ="wrapper">
<div ="header">xxx</div>
<div ="form">floated left</div>
<div ="content">margin left 220</div>
<div ="footer">clear both</div>
</div>

It works fine in firefox but in IE7 the content div is sitting under the form div, its on the right side of the page but should be level with the form div.

Any ideas I assume there is a common fix

See if this works how you want.

#wrapper {width:100%; background-color:#0C0}
#header {width:100%; background-color:#066; height:60px}
#form {float:left; background-color:#933; width:50%}
#content {float:left; background-color:#99C; width:40%; margin-left:10%}
#footer {width:100%; clear:both;}

you missed class or id from the div

Thanks for the help I think I've cracked it, I was changing the template you see so I just copied the content straight in there was a table structure inside that was somehow braking the layout. I removed the table and put the content back in without markup and it worked.