I was expirementing with a new website design for our company and I wanted to include some type of animation effect on the home page.  I started off with scriptaculous and found out it was a bit difficult to get going using master pages.  This was because of how the order of the content was getting loaded.  So instead I tried using the Animation Extender in the AJAX toolkit...which I don't use too often.  The goal was to mimic the Blind Down Effect in scriptaculous.  I got pretty close, but not exactly like it would be using scriptaculous.  I had it working in IE, but Firefox processed the DIV's differently, so I came up with another solution.  Basically, I use the following concept:

Start the DIV at height 0px
Resize the DIV to height 200px (this could be whatever works for you)
Fade In the DIV

Below is the code that I used to accomplish this:

<div id="newsHolder" runat="server" class="newsHolder">
     <div id="newsContent" runat="server" style="display:none; margin: 10px 10px 10px 10px">
  
              whatever content you want in here. 
              
     </div>
</div>

<ajaxToolKit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="newsHolder">
        <Animations>
            <OnLoad>
                <Sequence>
                    <Resize Duration="1.0" Height="200" Unit="px" />
                    <StyleAction AnimationTarget="newsContent" Attribute="display" Value="block"></StyleAction>
                    <FadeIn AnimationTarget="newsContent" Duration="1.0"></FadeIn>
                </Sequence>
            </OnLoad>
        </Animations>
</ajaxToolKit:AnimationExtender>

NOTE: the "newsHolder" class consists of the following:

.newsHolder
{
 height: 0px; 
 border: groove 2px silver;
 width: 95%;
 margin-left: 10px;
 margin-right: 10px;
}

If anyone can find a Blind Effect similiar to scriptaculous using the AJAX.NET framework that works proper in both IE and Firefox please response to this post.  I would be interested in knowing how this is accomplished.