looking for someone who knows more than I do in HTML/CSSFollow

No links available but here is the issue. I am working on my portfolio page and I have two columns that I want to extend to the bottom of the browser no matter the size of the screen. I was originally using min-height (student recommendation), but that re-sizes based on content in the division.

I tried creating a spacer image, but again it will not re-size based on browser. This has become the bane of my existence. Funny thing is the page looks correct in firefox and that is where the screenshot was taken.

Concept image from firefox

edited to add my phone number was removed as I am going to replace it with a business number before the site goes live. No one needs my personal number :)

Edited, Nov 24th 2011 2:07am by SimpleMajority

Not sure how much it applies to your situation, but if you want to force consistency across browsers, look for the program Modernizr. It encodes a "yep/nope" feature check for any HTML or Javascript features you're trying to use, and if the browser doesn't support it, gives it alternate coding that is close and will actually work.

http://www.modernizr.com/