CSS Help

[Subfusion]

I've got this design which I'm coding and I'm having some issues with it.

http://xirgo.net/electricblue

If you're on Firefox will see that the white DIV is completely at the bottom of the page, however, if you look at it on IE the white box is right below the header. Is there any way I can fix this for IE? I want it to look exactly like it does of Firefox, the white box has to be right at the bottom of the page.

Here's the code for the DIV:

#resource {
    width: 100%;
    height: 90px;
    background: #fff url("images/resource_strip.gif") repeat-x top;
    text-indent: -999em;
    bottom: 0;
    position: fixed;
}

Thanks

[CadmiumNL]

IE does not support position: fixed.

I always use dean edward's solution to overcome this problem. This javascript fixes some of the better known IE bugs.

[Subfusion]

IE does not support position: fixed.

I always use dean edward's solution to overcome this problem. This javascript fixes some of the better known IE bugs.

I'm kind of confused, which one do I download and does it work with IE6?

Edit: Nevermind, I downloaded it, tested it on IE6 and it works like a charm. Thanks a lot!

[CadmiumNL]

You are very welcome!

If the fixed position is the only thing you need from the library, you might want to include that module only. Instead of including ie7-standard-p.js, try including ie7-core.js and ie7-fixed.js (you might also need ie7-css2-selectors.js if you're using an external stylesheet). This somewhat reduces the amount of included javascript.