Perfect XHTML Same Height Columns.

I just found this great article on A List Apart about two columns being the same height... you don't need any images or anything... in fact, what you use for a column is a border I really haven't thought about doing it that way

http://www.alistapart.com/articles/multicolumnlayouts/

There are two other really great articles that I came across when designing ozzu as well at alistapart:

http://www.alistapart.com/articles/fauxcolumns/
http://www.alistapart.com/articles/negativemargins/

Inside the HTML I really wanted the content of the website above all of the right menu text and other text that occurs on all pages of ozzu for SEO reasons. Until I read that article I almost gave up on trying to do that as I was just running into too many problems with the footer overlapping the menu area, the page not detecting how long the menu would get (if it varied on pages), and many other issues. The only way I was able to solve my problem in the past was with fixed width heights for the menus which caused issues on pages that had different heights. The links above allowed me to solve my problems. They are a good read and allow you to open your mind up to new possibilities with how you design pages

That looks interesting... I'll read that tomorrow once I wake up and get the time... thanks for sharing

The only bad thing about this is that the background of the "border" can't be an image... it has to be a solid color... I'm changing to faux columns.