scrollimg

Hello,

I have a chat application I am working on inside of an update panel with timers. The area that the chat is foing into is "ChatContent" however it always scrolls to the top when a new message is added. the section is not scrollable nor does it automatically load at the bottom of the chat box

How do I fix this? . ..............I have tried

vertical-align: top and

overflow-y: auto;

along with a few other suggestions found in forums here and by googling........

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"><ContentTemplate><div id="ChatContent" runat="server" style="height: 365px; vertical-align: top; overflow-y: auto;
                                                            text-align: left; margin-left: 10px; width: 97%;">  </div> </ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /></Triggers></asp:UpdatePanel><asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick"></asp:Timer><asp:Timer ID="Timer2" runat="server" Interval="5000" OnTick="Timer2_Tick"></asp:Timer><asp:Timer ID="Timer3" runat="server" Interval="300000" OnTick="Timer3_Tick"></asp:Timer>