IE8对齐问题。 div 中的用户控件结束。仅在 IE8 中发生，在 FF、chrome、IE7 中工作正常

Question

我有三个用户控件在 DIV 内并排对齐。它在所有浏览器中都显示良好，但 IE8 除外，第三个用户控件在 IE8 中结束。可以在以下位置查看：

http://dealtown.com/UserTownPage.aspx?tid=153554

宽度似乎到处都是正确的，并且有足够的空间来显示用户控件。我在这里遗漏了一些东西，而且我无法指出它。

如果您想要任何代码，我可以分享！

任何帮助表示赞赏。

谢谢。

代码：

               <div id="tab_navi_bg_inside" style="width:740px;_height:470px;overflow-x:hidden">
                <!-- Coupon Display Panel -->
                <div style=" vertical-align:top">
                <uc3:UCCoupon ID="UCCoupon1" runat="server"></uc3:UCCoupon></div>
                <!-- End of Coupon Display Panel -->
                <div class="coupone_sep">
                </div>
                <!-- Promotion Display Panel -->
                 <div style=" vertical-align:top">
                <uc4:UCTownPagePromotion ID="UCTownPagePromotion1"     runat="server"></uc4:UCTownPagePromotion>     </div>               
                <!-- End Promotion Panel End -->
                <div class="coupone_sep">
                </div>
                <!-- Weekly Promotion Display Panel -->
                 <div style=" vertical-align:top">
                <uc5:UCTownWeeklyPromotion ID="UCTownWeeklyPromotion1" runat="server" /></div>
                <!-- End Weekly Promotion Display Panel -->
        </div>

Answer 1

如果可能的话，尝试将 overflow-x:hidden 放在这 3 个容器的父容器上。