We have environment ribbons for our different environments. I am adding the ribbons to a new application, however, they are not working.
The following is the relevant code (taken directly from “View Source” on the page). Note that I replaced our web address with ....
<style>
.ribbonBanner {
position: fixed;
right: 0px;
top: 0px;
margin: 0px;
padding: 0px;
z-index: 99999;
}
</style>
<img border="0" class="ribbonBanner" alt="Development" title="Development" src="http://.../ribbon_dev.gif" onclick="this.parentNode.removeChild(this);"/>
This code is the same as all of our other apps. However, Internet Explorer is being….well, Internet Explorer. 😛
Chrome

Firefox

Internet Explorer

Anyone have any clue what might be going on?
FYI: I am on IE8
IE has issues with Position Fixed but I believe it should work in ie8 if you have the correct Doctype. I believe this DocType will work.
or