Hi all, im completely stuck. I am building a site in XHTML and i need the sidebar to sit left and the content div to sit on the right. I cannot just float them both as i need the main content div to be in the containing div for a background image to display.

My current code works in firefox with no problems, however in IE the right column sits underneath the floated left column!!

Can anyone help? for example code please see here

The relevant CSS is:

#container {
	width: 718px;
	background: url(../images/side_bg.gif) repeat-y left;
	padding:10px 0 0 32px;
}
#content {
	margin-left: 210px;
	margin-top:10px;
	width:508px;
}
#sidebar {
	width: 180px;
	float: left;
}

Sorry just realised its in the wrong section, didn'd see the CSS forum

Seems to look fine in IE - is the issue resolved?

sorry, yes i have just fixed the problem in IE. It was the issue with the box model and the use of margins making the box bigger that it actually is.