/*
----------------------------------------------------------------------
  JavaScript: IE6CssFix function version 1.1.0.
  Fixes CSS variable height display bug in IE 6.

  Sometimes IE will not draw elements that do not have a fixed
  height. This functions uses the 'zoom' CSS property workaround.
  All elements with the class 'IE6CssFix' will have their 'zoom'
  CSS property (proprietary to IE) set to '1'.

  Requires: prototype.js

  Usage: Just reference this JS file using a <script> tag.

----------------------------------------------------------------------
*/
function IE6CssFix() {

	// Process this for IE6- browsers.
	if ( ( navigator.appName != "Microsoft Internet Explorer" ) || ( window.XMLHttpRequest ) ) {
		return;
	} // End if.

	var arr = $$( '.IE6CssFix' );
	var arr_length = arr.length;

	// For each tagged element...
	for ( var i = 0; i < arr_length; i++ ) {
		var e = arr[ i ];

		// Set the zoom.
		e.style.zoom = '1';

		// Set the mimumum size restrictions.
		if ( e.currentStyle.minWidth && ( e.currentStyle.width == 'auto' ) ) e.style.width = e.currentStyle.minWidth;
		if ( e.currentStyle.minHeight && ( e.currentStyle.height == 'auto' ) ) e.style.height = e.currentStyle.minHeight;

	} // End for.

} // End IE6CssFix().

Event.observe( window, 'load', IE6CssFix, false );