I am working on fixing a display bug in a friend's webpage on Firefox 3.6. It displays correctly in all other browsers. I have narrowed the problem down to this: in most browsers, the HTML is generated and parsed as so:
<section class="sidebar" style="height: 1106px; "><div class="sidebar-widget"><h3 class="sidebar-widget-title">Shopping Cart</h3><div id="sliding_cart" class="shopping-cart-wrapper">
<p class="empty">
Your shopping cart is empty<br>
<a target="_parent" href="https://underwateraudio.com/products-page/" class="visitshop" title="Visit Shop">Visit the shop</a>
</p>
</div> </div></section>
<section id="main-content"> ... </section>
However, in Firefox 3.6, the page displays as if the line </div> </div> </section>
was not there at all. I looked at it in Firebug and indeed Firefox is taking out that end tag for some reason. I can't figure out why Firefox 3.6 is stripping out this tag.
If you want to see the page itself, look at https://underwateraudio.com/underwater-audio-faq/. The home page looks fine but all other pages (reached by clicking on the top bar) are broken.