Display problem with IE 7 when using blind down effect

Left is "normal" state, right is "broken" state after blinddown

I had the same issue and managed to work around it by applying a width value (in my case 99%) to the element that was getting blinddown applied to it.

It's a bit hackish... and I don't understand why it fixed it... but hey, it's IE.

This might help others who are experiencing the same thing to work around it until a real fix comes along.

Hey guys in case anyone still cares about this here is what I have come up with to fix both ie6 problems and ie7 problems with blind up

Effect.BlindUp = function(element) {
  element = $(element);
  element.makeClipping();
  var browserName = navigator.appName; 
  IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;

  if (browserName == "Microsoft Internet Explorer" && !IE7)
  {
	  return new Effect.Scale(element, 0,
		Object.extend({ scaleContent: false, 
		  scaleX: false, 
		  restoreAfterFinish: false,
		  afterFinishInternal: function(effect) {
			effect.element.hide().undoClipping();
		  } 
		}, arguments[1] || { })
	  );
  }
  else
  {
	  return new Effect.Scale(element, 0,
		Object.extend({ scaleContent: false, 
		  scaleX: false, 
		  restoreAfterFinish: true,
		  afterFinishInternal: function(effect) {
			effect.element.hide().undoClipping();
		  } 
		}, arguments[1] || { })
	  );
  }
};

Effect.BlindDown = function(element) {
  element = $(element);
  var elementDimensions = element.getDimensions();
  var browserName = navigator.appName; 
  IE7 = (navigator.appVersion.indexOf("MSIE 7.")==-1) ? false : true;
  if (browserName == "Microsoft Internet Explorer" && !IE7)
  {
	  return new Effect.Scale(element, 100, Object.extend({ 
		scaleContent: false, 
		scaleX: false,
		scaleFrom: 0,
		scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
		restoreAfterFinish: false,
		afterSetup: function(effect) {
		  effect.element.makeClipping().setStyle({height: '0px'}).show(); 
		},  
		afterFinishInternal: function(effect) {
		  effect.element.undoClipping();
		}
	  }, arguments[1] || { }));
  }
  else
  {
	  return new Effect.Scale(element, 100, Object.extend({ 
		scaleContent: false, 
		scaleX: false,
		scaleFrom: 0,
		scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width},
		restoreAfterFinish: true,
		afterSetup: function(effect) {
		  effect.element.makeClipping().setStyle({height: '0px'}).show(); 
		},  
		afterFinishInternal: function(effect) {
		  effect.element.undoClipping();
          Effect.Appear(element, {delay: 1, duration: .1});
		}
	  }, arguments[1] || { }));
  }
};