"Jello Mold" Layout - IE7 faux column issue

[Rayzur]

I am wanting to use a jello layout for a site that I am preparing to build. I have found a three column layout that suits my needs, but it seems to have problems displaying the faux columns in IE7. You can see about 5px of the background images peeking below the header. The layout is found here (http://www.allthatscool.com/test/).
I would appreciate any input about a fix for this.

I would also like to put a navigation bar under the header.

Thanks, Rayzur

[Nile]

Oh, god thats a lot wrong in IE, o_0.
I may beable to code a whole new one for you ...
[But only if you want. :P]

[BLiZZaRD]

Try using this layout format (http://matthewjamestaylor.com/blog/perfect-3-column.htm), as it is more stable and will also work in Safari and IE for Mac. Unlike the other one, which doesn't work in IE as stated ;)

[Rayzur]

The ability to set Min/Max widths is my main goal, and to make it cross-browser compatible.

I like how the body margins scale down on the Jello layout as the browser window is sized down.

I plan on having a fixed background image on the body and want some margin for it to show until the min-width is reached.

What I'm looking for is something like 750pxmin/1000max on width. (250px difference in min/max) I want the side columns fixed at a set width of say 175px with the center content fluid.

I realize the first example link I gave may have some poor code in it, but it is the basic layout that I am after. Except with a navbar under the header.

Here is a working example of a Two Column Jello with a fixed background (http://dragonzreef.com/thissite.asp), It is a good example of what I am after but in a Three Column layout. (Grab ahold of your window edge and drag it back and forth to see the jello action)


I may be able to code a whole new one for you ...

Any help that is offered will be greatly appreciated by me

Thanks, Rayzur