<div style='position: relative; left: 50%; width: 50%'>
If Left Column is now greater in content than Right Column because of the absolute identifer the content doesn't "push" the DIV down to reflect it's content. However Right Column because it's relative does adjust as expected. I have tried wrapping the two DIV's inside a container DIV but that doesn't work. I was sure I seen a CSS property which "cleared" some attribute and forced the DIV to adjust.
I'm not sure if the right DIV can be a child of the other or visa-versa as one of the columns is being added programatically...if that makes anysense...so ideally I need a layout which is dual sibling DIV's which render nicely as expected...