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


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;