[greymoose]

I've got a three column page where the center column overlaps the left one from about half way down. I don't have the same problem on any other pages on the site which use the same stylesheet. The strange thing is that once you refresh the page everything sits ok.

If you want to have a look at it the link is www.martoncentral.co.nz/tempsite/newsletter.html

My CSS for the columns is as follows:

Code:

#header {
		margin:0; padding:0;
		}

	#main1 {
		margin:0; padding:0;
		}
	#main2 {
		margin:0; padding:0;
		}
	#left {
		float:left;
		width:185px;
		margin:0; padding:0;
		font-size:80%;
		}
	#right {
		float:right;
		width:175px;
		margin:0; padding:0;
		font-size:80%;
		}
	#middle {
		margin:0 150px;
		font-size:80%;
		}

Any ideas?

Thanks.

[jfulton]

You have two elements with the ids main1 and also main2. Maybe the latter two are supposed to just have a class middle instead? That looks like it will set the margins closer to what you want...

[greymoose]

Thanks alot - that's done it. I couldn't see it for looking.