footer css issue when deploy in IIS 6.1

Question

I set my footer as fixed so that even if the page is scrolled down its footer will remain as is.

When I browse it in VS 2010 run/debug in Chrome, it works perfectly!

But when I deploy it to IIS 6.1, and browse it using Google Chrome it is not doing what I want. It does work, however, in IE and Firefox. Is this a Chrome-specific problem? I am doing something like this:

<div id="footer">
   Footer goes here
</div>

Here's the CSS:

#footer {
    background: #2d89ef;
    bottom: 0px;
    color: white;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    height: 50;
    left: 0%;
    position: fixed!important;
    position: fixed!important;
    right: 0%;
    text-align: center;
    top: expression((0-(footer.offsetHeight)+
    (document.documentElement.clientHeight?
    document.documentElement.clientHeight:
    document.body.clientHeight)+(ignoreMe=document.documentElement.scrollTop?
    document.documentElement.scrollTop:document.
    body.scrollTop))+'px');
    visibility: visible;
    width=100%;
}

Please advice on possible solutions, thanks!

Answer 1

Try to (restart your IIS Manager then clear your browser cache. This might solve your problem.