Contribution widget not displaying in IE in some circumstances

CiviContribute widget does not display correctly in IE under some circumstances.

(I think it happens more often with slow-ish servers.)

The problem is: "It works great in FireFox, Safari and Chrome, however in IE, the widget is only showing the background and not the graphics. " (See http://forum.civicrm.org/index.php/topic,18073.0.html )

The fix is simple--change this line in the widget javascript, in function :

if(document.readyState == "interactive") {

to this:

if(document.readyState == "complete") {

Also I would suggest adding "text-align:left" to the following two css style definitions. This allows the entire widget to be placed centered (or right aligned) and still work:

.crm-contribute-widget .crm-amount-bar

{ background-color:#FFF; width:100%; display:block; text-align:left; /* SUGGESTED ADDITION */ border:1px solid #CECECE; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-bottom:.8em; }

.crm-contribute-widget .crm-amount-fill

{ background-color:#2786C2; height:1em; display:block; text-align:left; /* SUGGESTED ADDITION */ -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -khtml-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }