Mark Rogers mark@quarella.co.uk
This doesn't actually work as expected if the content is shorter than the menu, see example here: http://www.more-solutions.co.uk/test.html This is the exact example from the above tutorial except that the content has been reduced and background colours added to the left and right sections. Note that the line (border) between the left and right sections is only as long as the right-hand content, and the background colours don't fill the whole areas unless the content does.
Excuse me for walking in part-way through, but have you tried putting the border and background on div#container instead of div#content? You may need to tweak background-position (IIRC) to get it just so.
If this were a table-based layout, the left and right "cells" would by-definition be the same height.
On some devices.
Of-course I can fix this by forcing the height, but that has far more disadvantages than benefits.
On some devices. There's also min-height. On some devices.
Don't you love web tech? :-) This is where I earn my money. :-)
Hope that helps,