[RaelRode]

Hey guys.

I just had a PSD - xHTML job to do, and there's something that is really annoying me!

I have two (2), DIVs. A left one and a right one. They're both of different heights and both have a background colour of white. The annoying thing is, because they are different heights, the smaller one shows the background colour of grey (grey is the colour of the whole template), so I've got grey boxes all over the place.

I've tried putting the height at 100%, but that does bugger all. Google hasn't helped either.

Heres the CSS Code.

The left div has the content div in it, because of the last revision, it isn't needed but I can't be arsed to remove it.

#left {
	height: 100%;
	background-color: #FFFFFF;
	float: left;
	width: 677px;
	padding: 10px;
}

#right {
	height: 100%;
	background-color: #FFFFFF;
	float: left;
	width: 300px;
	margin-left: -35px;
}

#content {
	margin: 0 0 0 0;
	width: 600px;
}

All comments are helpful.

** I have also tried putting a DIV around both these DIVs with a white background, but that didn't work either!