Why is Div content not expanding div in internet explorer?

[vertigo262]

This little glitch is driving me crazy.
been researching all day and can't get it to work.

I have a hover over, and when it fills with data, it expands. It works in firefox, but not IE.

Live link (try with IE and other browsers)
http://www.reefjunkies.org/Bulletins/Default.aspx




the code

<%@ Page Title="" Language="VB" MasterPageFile="~/Templates/Main.Master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Bulletins_Default" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderMain" Runat="Server">
 
 
<script type="text/javascript">
 
            function attachFlyoutToLink(oLink, index) {    
                try {                        
                    <%=FlyoutBulletin.getClientID()%>.Close();        
                    <%=FlyoutBulletin.getClientID()%>.AttachTo(oLink.id);
                    var sNewHtml = getRecordInfo(oLink, index);
                    document.getElementById("divFlyoutContent").innerHTML = sNewHtml;
                    <%=FlyoutBulletin.getClientID()%>.Open();
                } catch(ex){}
            }
 
            function HoldFlyout() {
                try {
                    <%=FlyoutBulletin.getClientID()%>.Open();
                } catch(ex) {};
            }
 
             function closeFlyout2() {
                try {
                    <%=FlyoutBulletin.getClientID()%>.close();
                } catch(ex) {};
            }
 
             function getRecordInfo(oLink, iIndex) {
 
                var Subject = GridBulletins.Rows[iIndex].Cells[0].Value;
                var Bulletin = GridBulletins.Rows[iIndex].Cells[1].Value;
                var DateStamp = GridBulletins.Rows[iIndex].Cells[2].Value;
 
 
 
 
              /*
 
 
 
 
                var sNewHtml = "<table>";
                sNewHtml += "<tr><td class='tdText' nowrap><b>Subject:</b></td><td class='tdText'>" + Subject + "</td></tr>";
                sNewHtml += "<tr><td class='tdText' nowrap><b>Bulletin:</b></td><td class='tdText'>" + Bulletin + "</tr>";
                sNewHtml += "<tr><td class='tdText' nowrap><b>Date:</b></td><td class='tdText'>" + DateStamp + "</tr>";
                sNewHtml += "</table>";
 
                return sNewHtml;
                */
 
 
                 var sNewHtml = "<div style='text-align: left; padding: 3px;  overflow: hidden; margin-bottom: -1px; min-height: 100px;'>";
                 sNewHtml += "<b>Subject</b> " + Subject + "<br><br>";
                 sNewHtml += "<b>Bulletin</b> " + Bulletin + "<br><br>";
                 sNewHtml += "<b>Date</b> " + DateStamp + "";
                 sNewHtml += "<br><br><span id='Close_Link' OnMouseOver='this.style.cursor='pointer';' onclick='<%=FlyoutBulletin.getClientID()%>.Close()' ><img src='/Images/Icons/close_icon.gif'></span> ";
                 sNewHtml += "</div>";
                 return sNewHtml;
            }
 
 
        </script>
        <div style="padding: 3px; text-align: left"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td style="background-image: url(/Images/Blk_Grd_Bg.jpg); width: 100%; height: 20px;
                background-color: #000000">
                <span class="ArialWhite12BLD">&nbsp;Bulletins</span>
            </td>
        </tr>
        <tr>
            <td align="center" style="width: 100%" valign="top">
 
 
 
<div style="margin: 0px 7px 7px" >  </div>
                        <div>
                        <table width="100%">
                                                <tr>
                                                    <td>
                                                    <div style="margin: 3px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; padding-left: 20px;">
                                    Bulletins
                                                    </div>
                                                    </td>
                                                    <td align="right"><div style="padding-right: 30px">
                                                        <asp:LinkButton ID="LinkButtonAddBulletin" runat="server" text="Add Bulletin" /></div></td>
                                                </tr>
                                            </table> </div>
 
                                     <obout:Grid ID="GridBulletins" CallbackMode="true" runat="server" AllowFiltering="True" 
                                                   AutoGenerateColumns="False" FolderStyle="/Images/Grid/styles/black_glass" 
                                                   Width="612px" AllowAddingRecords="False" 
                                          EnableRecordHover="True" AllowGrouping="True" 
                            Serialize="False" DataSourceID="ObjectDataSourceBulletins">
 
                                         <Columns>
                                          <obout:Column runat="server" ID="HiddenSubject" DataField="Subject" InsertVisible="false" Visible="false"/>
                                           <obout:Column runat="server" ID="HiddemBulletin" DataField="Bulletin" InsertVisible="false" Visible="false"/>
                                           <obout:Column runat="server" ID="HiddenDate" DataField="DateStamp" InsertVisible="false" Visible="false" />
 
 
 
                                             <obout:Column ID="BulletinsID" runat="server" DataField="UserAccountsID, BulletinsID, Nickname, AccountType" 
                                                 HeaderText="Profile" TemplateID="BulletinsIDUserIdTemplate" width="120" Align="center" />
 
                                             <obout:Column  ID="Bulletins" runat="server" 
                                                 TemplateID="Bulletintemplate" Width="60%" DataField="Subject, Bulletin, datestamp" 
                                                 HeaderText="Bulletins" Align="center" />
 
 
 
 
                                             <obout:Column ID="ViewBulletin" DataField="BulletinsID" HeaderText="View Bulletins" Width="150" runat="server" templateid="ViewBulletintemplate" />
 
 
                                         </Columns>
                                         <Templates>
                                             <obout:GridTemplate ID="Bulletintemplate" runat="server">
                                                 <Template>
 
                                                     <center>
                                                     <asp:Label ID="LabelSubject" runat="server" Text='<%# Container.DataItem("Subject")%>' Font-Size="Medium" />
                                                     <br /> <br />
                                                        <%# Left(Container.DataItem("Bulletin"), 200) & "..."%><br /><br />
                                                         <b><%# FormatDateTime(Container.DataItem("DateStamp") & "", DateFormat.LongDate)%></b>
                                                       </center> 
 
 
                                                 </Template>
                                             </obout:GridTemplate>
 
                                             <obout:GridTemplate ID="AquariumCritiquesReplyIDtemplate" runat="server">
                                                 <Template>
 
                                                 </Template>
                                             </obout:GridTemplate>
                                              <obout:GridTemplate ID="ViewBulletintemplate" runat="server">
                                                 <Template>
 
 
                                                  <span class="tdTextLink" id="grid_link_<%# Container.DataItem("BulletinsID") %>" onmouseover="attachFlyoutToLink(this, <%# Container.PageRecordIndex.ToString() %>)" onmouseout="HoldFlyout()" onclick="closeFlyout2()"><img src="/images/icons/fish.png" width="90" /></span>
 
 
 
                                                 </Template>
                                             </obout:GridTemplate>
                                             <obout:GridTemplate ID="BulletinsIDUserIdTemplate" runat="server">
                                                 <Template>
                                                 <div style="padding: 6px; border: 1px solid #666666; text-align: center; background-color: #DEDEDE; background-image: url('/Images/Grey_Gradient_profile_bg.jpg');">
                                                     <a href='<%# "/Profile/Default.aspx?ID=" & Container.DataItem("UserAccountsID") %>'>   
                                                     <asp:Image ID="ImageButtonProfilePicture" runat="server" BorderColor="Black" BorderStyle="Solid" BorderWidth="1" />
                                                     </a>
                                                     <br />
 
                                                    (<%# Container.DataItem("AccountType")%>)<br />
                                                   <%# Container.DataItem("NickName") %>
 
                                                   <asp:HiddenField ID="HiddenUserID" runat="server" Value='<%# Container.DataItem("UserAccountsID") %>' />
                                                   <asp:HiddenField ID="HiddenBulletinID" runat="server" Value='<%# Container.DataItem("BulletinsID") %>' />
                                                 </div>
                                                 </Template>
                                             </obout:GridTemplate>
 
                                         </Templates>
                                     </obout:Grid>
 
                                  <table cellpadding="0" cellspacing="0" style="width: 10px">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>
 
                                                    <obout:Flyout ID="FlyoutBulletin" runat="server" FadingEffect="True" Align="MIDDLE" Position="MIDDLE_LEFT" zIndex="20" CloseEvent="NONE" OpenEvent="ONCLICK">
 
 
                                                      <table cellpadding="0" cellspacing="0" style="width: 10px">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td>
         <div id="divFlyoutContent" class="tdText" style="background-color: #FFFFFF; border: 1px solid #000000; min-width: 370px; min-height: 100px; z-index:1000; overflow: hidden; margin-bottom: -1px;">
 
 
 
 
             </div>
</td>
        <td style="background-color: white; background-image: url('/Images/Flyright.png'); width: 9px; vertical-align: top;"><img src="/Images/spacer.gif" width="9px" /></td>
    </tr>
    <tr>
        <td></td>
        <td style="height: 9px; background-color: white; background-image: url('/Images/FlyBottom.png'); text-align: left;"></td>
        <td style="height: 9px; width: 9px; background-color: white; background-image: url('/Images/FlyBottomright.png')"></td>
    </tr>
</table>
 
 
 
 
 
                                                     </obout:Flyout> 
 
 
 
 
 
 
 
                                     <asp:ObjectDataSource ID="ObjectDataSourceBulletins" 
                     runat="server" SelectMethod="GetBulletins" TypeName="DAL">
                                         <SelectParameters>
 
 
                                         </SelectParameters>
                 </asp:ObjectDataSource>
 
 
 
 
 
 
 
 
                                     <br />
 
                   </td>
        </tr>
    </table>
    </td>
    </tr>
    </table>
</asp:Content>
 
 
 

The div in the <obout:Flyout ID="FlyoutBulletin" is where the glitch is

Line 190