CSS equal height columns problem

[gamescoper]

I have designed this theme at http://dev.websinch.com/blazingcms/0.12/ and i wanted the columns to be at equal length so i used this in both the columns:

margin-bottom: -1000px; 
padding-bottom: 1000px;

FireFox users will notice it looks fine but i tested it using IE and realised it doesnt work.

can someone please help me since i am doing quite well on this theme

Thx in advance

 

[cancer10]

May be you should put browser checkup on your site, so use tags for both browsers.

 

[nasaboy007]

perhaps if you put both columns in an encasing div and just made it so that both columns were the height of the full div so that if one column was longer than the other it would stretch?

or you could just use the background image/color repeat with a large div that'll encompass both divs so that the user won't realize that the individual columns dont actually span the whole length.

 

[gamescoper]

i thinking of using nasaboys idea of the encasing div by setting position to absolute and then set the left position instead of floating the columns

 

[nasaboy007]

that might work too but i'm kind of against absolute positions, idk why. might be because every time i use them and they seem to work i get some sort of dynamic content generated (php user ftw) that totally messes the whole layout out XD.