CSS Height Works in IE When Opened Local, Not Remote

have a webpage that has an image in it. in the CSS, i define the height to be 20% (so it's 80% of the client window) and the width to be auto. This works completely in chrome and FF, and also works in IE when i open the page from my computer's harddrive. however, when i upload the file to my server, and load it remotely, IE fails to adjust the width/height completely. the image is the full size regardless of how big the client window is.

why does this 开发者_运维百科happen? how can i fix it? any tips would be greatly appreciated! the site is http://mikeseese.com

No way to test IE right now, but this may be related to this scenario:

Compatibility Mode is forced on intranet/local sites by default (Go to Tools > Compatibility Mode Settings) so you may get a different Browser Mode on each site. Watch the Developer Toolbar (F12) to see if the mode changes.