/*
   Relative position allows the crossFade elements to be positioned
   at the top of the container
*/

.crossFadeContainer
{
  position: relative;
}


/*
    for IE compatibility:
      - use Alpha filter
      - declare a background color or image to prevent stupid distortion
        of text
 */
.crossFade {
  filter:alpha(opacity=100);
  background-color: #fff;
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
}

/*
  Two different ways of handling visibility. visibility:hidden reserves
  space on the page; display:none does not

  display: none;
  visibility: hidden;
*/

/*
  Two different ways of declaring the filter. Seems like both work for
  me. My .js handles either case.
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter:alpha(opacity=100);
*/