CSS position of div - cross browser and OS

Hi,
I have a problem with the position of div layers using css for a site which now needs to be cross browser that was design to be fixed width and for IE 6 only (client specs).

The main problem is that the 'newscontainer' gets pushed to the bottom of the window in Firefox.

Source HTML
<div id="wrapper">
               <div id="header">
                    <asp:ContentPlaceHolder ID="cphHomeLink" runat="server">
                    </asp:ContentPlaceHolder>
                    &nbsp;|&nbsp;<asp:ContentPlaceHolder ID="cphContactUsLink" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
                <uc1:SiteMenu ID="SiteMenu" runat="server" />
                <div id="content">
                    <div id="mainiamge">
                        <asp:ContentPlaceHolder ID="cphMainImage" runat="server">
                        </asp:ContentPlaceHolder>
                    </div>
                    <div id="contentleft">
                        <div id="pagetitle">
                            <asp:ContentPlaceHolder ID="cphPageTitle" runat="server">
                            </asp:ContentPlaceHolder>
                        </div>
                        <asp:ContentPlaceHolder ID="cphMainContentLeft" runat="server">
                        </asp:ContentPlaceHolder>
                    </div>
                    <div id="newscontainer">
                        <div id="newstop">
                        </div>
                        <div id="newscontent-container">
                            <div id="newscontent">
                                <asp:ContentPlaceHolder ID="cphMainContentRight" runat="server">
                                </asp:ContentPlaceHolder>
                            </div>
                        </div>
                        <div id="newsbottom">
                        </div>
                    </div>
                   <div id="footer">
                        <div id="footerleft">
                            <asp:ContentPlaceHolder ID="cphFooterLeft1" runat="server">
                            </asp:ContentPlaceHolder>&nbsp;|&nbsp;
                             <asp:ContentPlaceHolder ID="cphFooterLeft2" runat="server">
                            </asp:ContentPlaceHolder>
                        </div>
                        <div id="footerright">
                            <asp:ContentPlaceHolder ID="cphFooterRight" runat="server">
                            </asp:ContentPlaceHolder>
                        </div>
                    </div>
                </div>

CSS

#wrapper { background: White; margin: 10px auto; text-align: left; width: 760px; }

#header { background-image: url(Images/top_strip.jpg); background-repeat: no-repeat; clear: both; color: #ffffff; height: 20px; padding-right: 23px; padding-top: 36px; text-align: right; margin-bottom: 22px; }

#content{ background-color: transparent; clear: both; float: none; width: 715 px; margin-left: 18px; margin-right: 27px; }

#mainiamge{ height: 195 px; margin-top: 20px; margin-bottom: 20px; /*margin-bottom: 30px;*/ }

#contentleft{ background: transparent; float: left; width: 360px; margin-left: 16px; padding-right: 23px; }

#newscontainer {display: inline; float: right; background-image: url(Images/news-box-center.jpg); background-repeat: no-repeat; background-position: bottom; width: 298px; margin-right: 27px; }

#newstop      { background-image: url(Images/news-box-top.jpg); width: 298px; height: 9px; }

#newsbottom      { background-image: url(Images/news-box-bottom.jpg); width: 298px; height: 9px; }

#newscontent-container      { width: 296px; height: auto; border: solid; border-left-width: 1px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; border-color: #e9ecee; }

#newscontent      { width: 266px; padding-left: 15px;  padding-right: 15px; padding-top: 2px; min-height: 144px; }

#contentfull{ background: transparent; margin-left: 16px; margin-right: 18px; }

#pagetitle{ background: transparent; font-family: Arial; font-weight: bold; font-size: 1.6em; color: #83838c; margin-bottom: 8px; }

#footer{ background: transparent; border-top: 1px solid #c9c9c9; clear: both; float: none; color: #b4b4b4; margin-top: 10px; margin-bottom: 10px;}

#footerleft{ background: transparent; float: left; width: 408px; padding-top: 10px; }

#footerright{ background: transparent; display: inline; float: right; width: 297px; text-align: right; padding-top: 10px; }


Start Free Trial