make div lay on top of wrapping divs padding
I have a 2 column layout where my left column is fixed and right column will adjust as the screen size increases. So far I have right column behaving perfectly by adding left padding to my wrapping div making enough room for the left div to fit in place. my problem is my left div is going below where the padding is.
so basic setup:
horizontally, they are all where they need to be, but vertically my left_col is sitting below where my padding is created by the wrapper.
The only way to fix this and make it ignore the padding is by setting position absolute. But this will then break it out of all divs. so it will float freely on the page which will screw up how to place it as the screen size changes.
Any suggestions on how to fix this?