Making this page work in IE7

[dmaui]

I am working on revising the html/css on this page so that it works for IE7. I used Cleva Treva's 3 column layout as a jumping off point. It looks fine in Firefox and IE6, but when I looked at it in IE7 beta 3...well, let's say it needs work. The search box is wonky (will work on that on my own), but my main problem is getting the footer down where it belongs.

Here is my prototype page:
http://www.bittermanscales.com/html/june06redesign.php

and here is the link to my css:
http://www.bittermanscales.com/html/css/main.css
supplemental css for ie:
http://www.bittermanscales.com/html/css/ie.css
supplemental css for left nav:
http://www.bittermanscales.com/inclu...s/css/tree.css

If there's something that one of the css experts here see quickly as the problem, I'd appreciate the help. I don't expect any deep digging, but if I'm missing something obvious, please post.

Thanks for the help.

[all4nerds]

Hello

A page going down in IE 7 means ( 99% ) that something has no layout there are two ways to corect this give it layout by display:inline-block; or zoom:1; try the short cut
* {zoom:1;}

hacked
*+html .yourclassorid{display:inline-block;} or
*+html * {zoom:1;}

[zcorpan]

But you don't want hasLayout on all elements. For instance, it breaks the numbering of ordered lists. Only apply hasLayout when it is needed.

[all4nerds]

But you don't want hasLayout on all elements. For instance, it breaks the numbering of ordered lists. Only apply hasLayout when it is needed.

Hello

zcorpan is correct, (i mentioned short cut ), PS if you can give elements a width or hight, they also get layout

[dmaui]

Thanks for the comments - they got me going in the right direction. Didn't know about the haslayout ie "feature" - I am definitely still learning - guess always learning and more to learn now that ie7 is looming.

I had my #outer height set to 100% in ie.css and changed it to min-height and that seems to have fixed the page issue.

Thanks, all.